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

Facundo Rubioβ€’ 250

@Facu3071

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


I appreciate so much if you take a bit of your time and give me a feedback. Thanks.

Community feedback

Gabriel_BCβ€’ 300

@GabrielBC2021

Posted

Hello, just a quick tip

If you want to center your main or div, so this one is right in the center of your website, you can add the next properties to your body

`body {

display: flex;

align-items: center;

min-height: 100vh;

} `

and you can eliminate the next properties from your media query

`.section {

justify-content: center;

align-items: center; 

position: absolute; 

top: 35%;

left: 50%;

transform: translate(-50%, -50%);

} `

With this now you don't have a lot of CSS code to center your div and is easier.

I hope it helps you :D

Marked as helpful

1

Facundo Rubioβ€’ 250

@Facu3071

Posted

@GabrielBC2021 Thanks a lot for your feedback, I really appreciate it.

0
Axurynnβ€’ 200

@Axurynn

Posted

Good job @Facu3071 !

To fix issues, you could add a main tag to your HTML file as well as h1 title.

Overall, you did well! Congrats and happy coding πŸ˜„

Marked as helpful

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