What must beat min-width and max-width for the responsive layout?

html, body {
 width: 100%;
 max-width: 1576px;
 min-width: 616px;
 margin: auto;
 padding: 0;
 font-family: 'Fira Sans', sans-serif;
 font-size: 100%;
 line-height: 135%;
 background-color: #f2ecd6;
 min-width: 700px;
 min-height: 100%;
}
July 2nd 19 at 17:24
1 answer
July 2nd 19 at 17:26
Solution
For adaptive layout uses media queries
@media (min-width: 320px)
{

}
@media (min-width: 768px)
{

}
@media (min-width: 992px)
{

}
@media (min-width: 1200px)
{

}
and yet here it is
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- Dalton57 commented on July 2nd 19 at 17:29
Complete nonsense, used brekpoint that arise from the content and not the device. Your approach is outdated 5 years ago - nasir28 commented on July 2nd 19 at 17:32
Koment milking Yaroslav.. - nasir28 commented on July 2nd 19 at 17:35

Find more questions by tags CSS