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 Columns responsive html5 css and flexbox

cosmocassaā€¢ 30

@cosmocassa

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


Generated with more <article> tag than <div> which is recommended. I have also added a transition on the buttons for a better visual effect. '.vinculo:hover{ margin: 45px auto 50px 45px; text-align: center; font-family: 'Lexend Deca', sans-serif; background-color: var(--Bright_orange); padding: 16px 21px; border-color: white; color: white; border-width: 1px; margin-top: 45px transition:all .9s; border-style: double; }' Any opinion is welcome

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that each individual section needs a bit more padding. Secondly the button needs less padding on the top and a bit more on the left and right.

I hope this helps

Cheers Happy coding šŸ‘

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