Skip to content
Submitted about 3 years ago

I only used position relative to align the cards and Flex box

Joel Nwamba•50
@joel-elyon-nwamba
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

Hey guys this was my first attempt I know I most likely am missing a lot of things. Welcome any tips on how I could have done it better.

Community feedback

  • Goran Dejanovic•30
    @gdejanovicPosted about 3 years ago

    Hi, you need to do border-top-left-radius:10px; and border-bottom-left-radius:10px; on the first card and border-top-right-radius:10px; and border-bottom-right-radius:10px; on the the last card.

    But keep on buddy!

    Marked as helpful
    0
  • Ayush Sharma•85
    @ayushsh841Posted about 3 years ago

    Hey Joel, The luxury section is not aligned with the other 2 sections. Also, you could add an empty alt="" to the images, the reason we have it has empty is because they are just icons that necessarily don't provide any extra information. This would resolve some HTML issues. You forgot to add the background colour.

    Marked as helpful
    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