Skip to content
Submitted over 4 years ago

Four Card Feature Section (HTML + CSS)

Luis•270
@luibernip
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Bonrey•1,130
    @Bonrey

    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.

  • Samuel Palacios•615
    @samuelpalaciosdev

    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!💙

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