На странице «Шпаргалка» я буду собирать небольшие сниппеты CSS, которые я ежедневно использую в работе и которые лень запоминать:)
Clearfix — очищаем поток, используя псевдоэлемент :after
1 2 3 4 5 6 7 |
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } |
MEDIA QUERIES
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
/* Mobile first queries */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) {} /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} |