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

ReactJS Four card feature section master

Ravikiran 170

@ravikiran-fullstack

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

T
Grace 29,310

@grace-snow

Posted

Hi

This looks OK. Lots of small details don't quite match the design yet though. Try to get it closer if you can.

Its a strange choice to use bootstrap and react for this challenge to be honest. It can be done, but ideally this is a css grid challenge so no need for bootstrap. Is that why you've had to use lots of !importants in your css perhaps? I understand you may just want to practice react and that's OK. There are better challenges for react though, and it would be pretty unusual to use bootstrap alongside it in real jobs.

Other tip is to kake a look again at the html semantics, remembering

  • that first bit of text (both lines of it) are one heading
  • headings have to go in order

I hope the feedback is helpful

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