Responsive design
One page that adapts its layout to any screen size.
What is responsive design?
Responsive design means one page that adapts its layout to any screen size, from phone to wide monitor.
img { max-width: 100%; height: auto; }
@media (min-width: 900px) { .page { display: grid; grid-template-columns: 1fr 3fr; } }
Level: Journeyman · More CSS terms at this level
Updated