Skip to content
Submitted about 2 years ago

3 column preview card component main

Kalhara Sandaruwan•190
@Impodays
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

Designed with CSS flexbox. Any feedback welcomes. Hope to redesign this with CSS grid. I want to which technique is good for these types, CSS grid or Flexbox or mixed

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    👾Hello Kalhara Sandaruwan, congratulations for your new solution!

    🎯 Your solution its almost done and I’ve some tips to help you to improve it:You made your html structure entirely with div blocks but these div doesn't any semantic meaning, for this reason is better you use a better html markup improving your code, for example for each vehicle card you use <article> instead of the <div>.

    This article from Freecodecamp explains the main HTML semantic TAGS: https://www.freecodecamp.org/news/semantic-html5-elements/

    ✌️ I hope this helps you and happy coding!

    Marked as helpful
    1
    Kalhara Sandaruwan•190
    @ImpodaysPosted about 2 years ago

    @correlucas wow I haven't think about those. Thanks for the valuable tip

    1

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