Responsive Cards ft. Grid
👉 One of the most cool features in CSS Grid is that we can create a responsive layout without using a media query.
🚀 The grid-template-columns property specifies the number (and the widths) of columns in a grid layout.
⚡ auto-fit: The auto-fit property fills the currently available space by expanding its size to take up available space according to device width.
We use the minmax function with values 200px & 1fr. This means that the width of each item will be 200px by default but each items will grow as to cover the space evenly.
⭐ Have any suggestions, questions or feedbacks? let me know in the comments!
Source Code: https://znap.link/coding_dev_
Instagram: / coding_dev_
Support: https://www.buymeacoffee.com/codingdev
#html #css #html5 #css3 #webdevelopment #websites #amazing #follow #coding #programming