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

3-column preview card using html and css

Mauritz 290

@MauritzLM

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@VCarames

Posted

Hey there! 👋 Here are some suggestions to help improve your code:

  • Your "buttons" were created with the incorrect element. When the user clicks on the button they should bedirected to a different part of you site. The Anchor Tag will achieve this.

  • The button styling is not correct; it should be a solid white and when hovered the white border should appear.

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 🍂🦃

Marked as helpful

1

Mauritz 290

@MauritzLM

Posted

Hi @vcarames, thank you for your feedback. I'll be looking to make those improvements.

0

@nurularifin83

Posted

I'm looking like you got the error for the level-one heading. here is my solution for you:

  • Put this code <h1 class="visually-hidden">3-column preview card component examples</h1> below <main>, if you use bootstrap just put this class class="visually-hidden" for hidden text. If you did not use bootstrap then just make like this <h1 style="display: none">3-column preview card component examples</h1>. Hope it can help you.

Marked as helpful

1

Mauritz 290

@MauritzLM

Posted

Hi @nurularifin83, thank you.

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