Model Examples
No edit summary |
No edit summary |
||
| Line 143: | Line 143: | ||
left: 0; | left: 0; | ||
top: 0; | top: 0; | ||
} | |||
@media screen and (max-width: 768px) { | |||
.container { | |||
flex-direction: column; | |||
} | |||
.sidebar { | |||
width: 100%; | |||
flex-direction: row; | |||
overflow-x: auto; | |||
white-space: nowrap; | |||
padding-bottom: 10px; | |||
box-sizing: border-box; | |||
} | |||
.sidebar .menu-item { | |||
display: inline-block; | |||
margin-right: 10px; | |||
} | |||
.card-container, .card-container-3 { | |||
grid-template-columns: 1fr; | |||
padding: 0 20px; | |||
max-width: none; | |||
} | |||
.cards { | |||
width: auto; | |||
} | |||
.menu-item { | |||
padding: 10px; | |||
font-size: 14px; | |||
} | |||
section h2, .card-container { | |||
margin-left: 0; | |||
} | |||
} | |||
@media (max-width: 768px) { | |||
.sidebar, | |||
.card-container, | |||
.card-container-3 { | |||
flex: 0 0 100%; | |||
max-width: 100%; | |||
margin-left: 0; | |||
} | |||
.card-container, | |||
.card-container-3 { | |||
grid-template-columns: 1fr; | |||
} | |||
} | } | ||
</style> | </style> | ||
Revision as of 22:25, 7 November 2023
This page was created by Edgar on 2023-11-02. Last edited by Stephanie@mdriven.net on 2025-03-26.
Model Samples
MODEL SAMPLES
Get started with MDriven sample models.
Explore our models and choose what you want to build..
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Complete Models
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Test
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip
Base App
You can use this as a starting point or you can merge it with most of the other examples and template models.
Download .zip