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,only with HTML5 and CSS3.

@NotHamada

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


If there are a way to improve the code,contribute it!

Community feedback

@B1N4R1

Posted

Hi Matheus,

First of all, congrats on completing this challenge! Your solution looks great!

Like Michael commented in the previous comment you should definitely check the link for the github page. I was able to get to your solution by looking at your github file path but you should definitely change the link to the correct one.

Now back to your solution, I would suggest using less divs, it's a better way for the developer to read the markup and you end up writing less and cleaner code.

Also, I saw you were trying to center the cards container with margins or at least that's what I guessed you were doing. If you want to center a div element and make sure it stays centered, you should check out this article about CSS Flexbox.

Overall, it's a great solution!

You can visit my solution of this challenge or the solution of other users for reference and see what other ways are to solve this challenge.

P.S.: Sorry for the long text 😅

Cheers!

0

@Blazing-Mike

Posted

I think there's a problem with your GitHub pages.... Maybe a file path or something check it

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