/* -------- default ----------- */ #mydiv { font-size: 12px; background-color: #9F0; } /* --------- smartphone ----------- */ @media screen and (max-width: 767px) { #mydiv { font-size: 14px; background-color: #636; } } /* -------- tablets----------- */ @media screen and (min-width: 768px) { #mydiv { font-size: 16px; background-color: #FF0; } } /* --------- small desktop screen ------------- */ @media screen and (min-width: 1024px) { #mydiv { font-size: 14px; background-color: #090; } } /* --------- large desktop screen ------------- */ @media screen and (min-width: 1280px) { #mydiv { font-size: 16px; background-color: #060; } }
wp02525644.png
wp580e2844_0f.jpg
wp9167fa81.png
wp8465a24c.png

wpacb9c0ba.png

wp9b95c9bd.png

wp4f5a4e5e.png

wp50b90fb1.png

wp799c65df.png

wp25fc4b05.png
wp9e21edef.png
wpa3133522_0f.jpg