Skip to content
Submitted about 1 month ago

Four-grid-page using grid.

nimbo•90
@7bibi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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•2,070
    @KapteynUniversePosted about 1 month ago

    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

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