Design comparison
SolutionDesign
Solution retrospective
Feedback welcome
Community feedback
- Account deleted
I reviewed your code and I have some suggestion to improved your (Four card feature section / CSS - HTML)
for this kind of challenge & best practices
- much better used grid layout rather than flexbox layout in the .main__cards since the default cards in the design template is Two Dimensions Layout means 2 rows & 2 columns and about the flexblox layout you should only used this if there is no 2 rows only 1 row and about the columns does not really matter to the flexbox layout how many columns have as long as does not exceed to 1 row if the layout exceed at 1 row become 2 row used grid layout
big plus to your code since you used BEM methodology to your challenge it make your CSS easier to read .
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord