Skip to content
Submitted 9 months ago

Four-grid-page using grid.

accessibility
nimbo•100
@7bibi
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Asilcan Toper•2,960
    @KapteynUniverse

    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

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