20 lines
459 B
CSS
20 lines
459 B
CSS
/* Default styles - for mobile view */
|
|
#wrapper {
|
|
width: 100%;
|
|
max-width: 375px; /* Mobile width ratio */
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Desktop view - simulate mobile ratio on desktop */
|
|
@media (min-width: 1024px) {
|
|
#wrapper {
|
|
width: 100%;
|
|
max-width: 375px; /* Keep mobile width ratio on desktop */
|
|
margin: 0 auto;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|