Skip to content
Submitted about 3 years ago

Four card feature section | HTML, CSS, Grid

Gaurav Kumar•570
@Gauravkumario
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 i guys i completed this project do checkout it's responsiveness if there any bug comment down any feedback is acceptable thank you

Community feedback

  • darryncodes•6,370
    @darryncodesPosted about 3 years ago

    Hi Gaurav,

    Really great solution, well done!

    I wondered if you'd consider creating a 2 by 2 grid for tablet view, so your design is a little more responsive between desktop and mobile?

    Also update <div class="parent"> to <main class="parent"> to clear down your accessibility report.

    All the best!

    0
    Gaurav Kumar•570
    @GauravkumarioPosted about 3 years ago

    @darryncodes thank you for feedback and for suggestion . can you please tell me how can i remove accessibility report from this line <html lang="en"> if possible .

    0
    darryncodes•6,370
    @darryncodesPosted about 3 years ago

    @Gauravkumario you just need to do the above. Change your <div> to a <main> tag. Then refresh the report.

    Info on semantic html

    0
    Gaurav Kumar•570
    @GauravkumarioPosted about 3 years ago

    thank you again @darryncodes .It's working fine now with 0 accessibility report.

    0
    darryncodes•6,370
    @darryncodesPosted about 3 years ago

    Awesome @Gauravkumario 🤙

    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