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

@Ezefran20

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

@SurajHadage

Posted

Using <header> tag to wrap <h1>, <h2> & <p> to make header. Then <main> tag to wrap four <article> tag as four tag. And inside them <h3> <p> and <figure> tag would be more Semantic, Accessible & shorten your code. This way your HTML is shortened & your CSS will also be shortened. And you don't need to set width: 100%; of body. By the way your design is looking almost perfect.

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