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

@ShivangamSoni

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

@Ryan-OHanlon

Posted

Overall, very nice job on this challenge. You've made it responsive, and you utilized both CSS Grid and Flexbox.

I'm having a bit of trouble understanding your HTML and CSS though. While you did structure your CSS well and showed me ways to use CSS that I never knew about using the style attribute in the DIV element. You could improve the HTML structure to make it more understandable using other HTML elements such as header and section instead of nesting multiple DIV elements and having to assign each one a class. Probably could find a way to streamline or reduce the amount of CSS yet achieve the same result.

The one thing I'm really impressed by was how responsive you made every element that I could shrink the size of the page down to 70px and every element is responsive.

0

@DarkKiller31

Posted

.

0

@ShivangamSoni

Posted

@DarkKiller31 Please don't Comment just for the sake of Comment. At least view people's solutions & then comment. An empty Comment is not useful in any way.

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