Submitted almost 4 years ago

3-Column Layout w/ Flex and Grid

@jgreilick

A solution to the 3-column preview card component challenge

Solution retrospective

This is my third challenge. So far, I do the mobile layout first, then make alterations for the desktop version in a media query. What else should I be considering? Is the result of my layout satisfactory to the design? How is the organization of my CSS? What other tips or tricks might I employ? Any and all feedback is helpful. Thanks!

Code

Please log in to post a comment

Community feedback

Candela Bramucci•660
@bramuccci
Posted almost 4 years ago
Hey, this is pretty awesome! The only things I want to say is that the padding in .preview-card-section is a little arbitrary, I think 3rem is better. And don't use border-radius in individuals card, instead .preview-card { border-radius: 0.5rem } is easy to deal. Again, great work. Keep going~
Marked as helpful

Join 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