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-grid-page using grid.

nimbo 50

@7bibi

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


What are you most proud of, and what would you do differently next time?

Used both grid and flex. I don't know.

What challenges did you encounter, and how did you overcome them?

Grid layout.

What specific areas of your project would you like help with?

If you notice anything off or a bad habit, please mention it.

Community feedback

@KapteynUniverse

Posted

Hey nimbo, nice job. You have improved. Two things:

You can leave alt texts of the decorative images empty.

Avoid using multiple h1 element. While using multiple <h1> elements on one page is allowed by the HTML standard (as long as they are not nested), this is not considered a best practice. A page should generally have a single <h1> element that describes the content of the page.

Oh also, there is a span tag, it is an inline container used to mark up a part of a text, or a part of a document. For this challenge, you can use it for the header h1.

<h1 class="by-tech"><span>Reliable, efficient delivery</span> Powered by Technology</h1>

Like this, you can give a red text color to h1 and blue to span for example.

Marked as helpful

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