Submitted almost 4 years ago

Desktop First Solution Using CSS Grid and Flexbox

Jose Chaparro•455

@jchapar

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

Hello Everyone,

One of my smallest yet biggest struggles was with the mobile css. On desktop, I have my container set as flex-box with the direction set as column. The two children inside are the columns div and attribution div. When I tried styling the mobile css, the attribution div kept staying in the center of the page. It would sit on top of the second (middle) column. I ended up simply putting the display to none but would love an explanation on what I could have done to still included it at the bottom.

Thanks!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jose Chaparro's solution.

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