Skip to content
Submitted over 3 years ago

Practicing Flexbox

Mercedes•70
@mfer9326
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Implement the changes suggested by you. Maybe you can review it again and give me your opinion. I think it almost does not match the original design.

Community feedback

  • Robert M•50
    @Raven-of-1849Posted over 3 years ago

    For your desktop version, try adding an overflow: hidden to your container-cards class, then remove the border-radius from .yellow, .cyan

    For your mobile (media query) , also change the width of the container-cards class, such as to 83% or so.

    1
    Mercedes•70
    @mfer9326Posted over 3 years ago

    @Raven-of-1849 thanks for your help. I'll try

    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    you should start it from scratch again and try to start mobile first and then move to desktop it will be a good learning challenge

    1
    Mercedes•70
    @mfer9326Posted over 3 years ago

    @palgramming thanks for your help

    0

Please log in to post a comment

Log in with GitHub

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