Making a clean, well -connected card setting in web development is a common job. In this tutorial, I run you through making four cards grid in each row. Each card contains many material blocks. A title, icon, price, built-point list, and call-to-action (CTA) button-CSS grid and powerful CSS subgrades are attached horizontally inside the card.
What will you make
- A Card grid Layout (maximum 4 cards per line).
- Each card contains blocks of several materials that are horizontally attached.
- Use CSS Grid For overall setting.
- Use CSS Subgrade Internal alignment of content inside each card.
![Card grid]()
Why use CSS subgrad?
CSS Subgrade is a relatively new feature that allows the nest grid to inherit the track sizing of their parents’ grid. This means that you can align the internal material with the outer grid manually align without calculation or duplicate size.
0 Comments