Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four card feature section | HTML, CSS, Grid

@Gauravkumario

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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,430

@darryncodes

Posted

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

@Gauravkumario

Posted

@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,430

@darryncodes

Posted

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

Info on semantic html

0

@Gauravkumario

Posted

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

0
darryncodes 6,430

@darryncodes

Posted

Awesome @Gauravkumario 🤙

0

Please log in to post a comment

Log in with GitHub
Discord logo

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