notesonly.in

One notebook for every subject — open it anywhere.

Log in

Responsive web design

Web Technologies · Engineering

Study notes

Card layout: grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) adapts; @media (max-width: 600px) stacks nav vertically; images max-width: 100%. Mobile-first: base styles for phones, queries enhance for desktop. Test at 360px, 768px, 1200px.

← Back to topics for Engineering