Skip to content
Submitted almost 2 years ago

Four card section, responsive using grid. Mobile first approach

accessibility
Marcia•90
@marciabel
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone! This was my very first time applying grid by myself (no tutorial projects), and it was a bit tricky. I'm not sure it was the cleanest, but it worked! Do you have any suggestions on how could I improve this?

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hi, Marcia! 👋

    Congratulations on finishing this challenge! It is great that you do this project by yourself. 👍

    I have one suggestion:

    No <br> elements: Do not use <br> element to break text. You should make the <span> as a block element. Learn more about accessibility issues that can happen when using <br> — <br>: The Line Break element - HTML: HyperText Markup Language | MDN #accessibility_concerns

    I hope this helps. Happy coding!

    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