Skip to content
Submitted over 3 years ago

Four Card Feature Section (HTML + CSS)

Luis•270
@luibernip
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello community, thankyou to anyone helping with my coding skills. This is my only question:

  1. Can I make each card position correctly in mobile mode without using the media query? Should I use min max values or is there another technique I'm ignorant about?

If you see anything that can help me get better at coding I would greatly appreciate it.

Community feedback

  • Bonrey•1,130
    @BonreyPosted over 3 years ago

    Hi, Luis! 👋 Your site looks great! It's responsive and works fine! However, I wouldn't use the section tag for cards (see your HTML ISSUES). The thing is, each section should have a heading (one of h2-h6 elements) and the main part, but here there's simply no heading.

    2
    Luis•270
    @luibernipPosted over 3 years ago

    Hi @Bonrey! Thank you for taking the time to feedback my code. I had no idea about headings and sections, and now thanks to you I will apply it. I will take a visit into semantic HTML documentation.

    Have a nice day, and once again, thankyou.

    0
    Bonrey•1,130
    @BonreyPosted over 3 years ago

    @luibernip you're welcome! Good luck with your coding! 🍀

    0
  • Samuel Palacios•615
    @samuelpalaciosdevPosted over 3 years ago

    Hi, Luis👋

    Great job on this challenge. Your solution looks good and it scales pretty well👍

    I only suggest some things 😉:

    -Maybe checking the HTML Structure I'd set the content as an entire section, not two different. They share relation.

    I really like the way you approach this, have a nice day, keep coding!💙

    1
    Luis•270
    @luibernipPosted over 3 years ago

    Hi @samuelpalaciosdev. Thank you for that feedback, I feel sometimes my code lacks divisioning and sometimes it has too much. It is all about gaining experience in order to find the correct balance, and your feedback takes me another step forward into a better code.

    Thanks for taking the time to help me. :)

    Have a nice day!

    0
    Samuel Palacios•615
    @samuelpalaciosdevPosted over 3 years ago

    I'm glad I helped you. Have a nice day and keep coding💙

    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