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
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