NaN-DOM Alfred
@domkoder
All comments
- NaN-DOM Alfred• 20
@domkoder
Posted
I viewed your solution everything is good and fine but when I tried viewing it on iPhone-6, Galaxy-S5 and iPad-pro screens it doesn't look good. check your media query. Use the media query below to make your work more responsive.
/* Smartphones */ @media only screen and (max-width: 500px) { body { background: red; } } /* Tablet */ @media(min-width: 501px) and (max-width: 768px) { body { background: blue; } } /* Normal */ @media(min-width: 769px) and (max-width: 1200px) { body { background: green; } } /* Widescreen */ @media(min-width: 1201px) { body { background: black; } } /* Landscape */ @media(max-height: 500px) { body { background: orange; } }
0