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-component-main (responsive)

Kamrul Hassanβ€’ 100

@khshakib

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

Solution retrospective


Give Feedback

Community feedback

Shashree Samuelβ€’ 9,260

@shashreesamuel

Posted

Hey khshakib, good job on completing this challenge. Keep up the good work

Your solution looks good however I think in comparison with the design that each section of the container needs some padding around the content.

In terms of accessibility issues simply wrap all your content between <main> tags and the issues should be fixed

In terms of your validation errors, I recommend reading the css docs on media queries to get the latest code.

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

I hope this helps

Cheers Happy coding πŸ‘

0
Naveen Gumasteβ€’ 10,480

@NaveenGumaste

Posted

Hello Kamrul Hassan ! Congo πŸ‘ on completing this challenge

Let's look at some of your issues, shall we:

  • Add Main tag after body <main class="container"></main>

  • you cannot use "1000px" as you did screen and (max-device-width: 1000px)

happy CodingπŸ˜€

0

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