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] (with hover effect on cards)

@Himanshu-196018

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


Had fun while completing this challenge.. 😄😄

Feedbacks are welcomed.... 😇😇😇

Community feedback

hitmorecode 6,230

@hitmorecode

Posted

Nice well done. Again like Aram said keep it in mind that you can only have one h1 on a page.

If you look closer you'll see a radius on the borders at the top of the cards. If you compare this with the design file, there the border is straight no radius. You can do this two ways:

  • Create an empty div and style it
  • Use a pseudo class and style it
1

@Himanshu-196018

Posted

@hitmorecode thanks for the feedback.

For headings I got html validation report for using multiple h1 tags and understood the concept of taking only single main H1 heading and will follow it from here on...

As for the style of cards, it's hard to notice smaller details on .jpg files. Still trying my best and will take it slow to look around for more details in the near future.

Again, thanks for the review, every help counts.

0

@Himanshu-196018

Posted

@hitmorecode nice! I will read it.

0

@devaramnye

Posted

Your markdown placement seem to be nice but do not forget that only one h1 should exist in your project.

1

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