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

column preview card - open to tips.

eudeees 50

@eudeees

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


open to tips, comment! thanks for view, like please

Community feedback

@agomez99

Posted

hello looks great, a suggestion would be if you want to utilize Flexbox more to position your container you can change from absolute position to center it to:

.container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;  
background-color: hsl(0, 0%, 95%);
border-radius: 8px;
}

This would stretch the width of the whole page, so then you want to place height and width on your divs

.sedan {
background-color:  hsl(31, 77%, 52%);
font-family: 'Big Shoulders Display';
font-weight: 700;
font-size: 20px;
width:20rem;
height:28rem;

}

You may also have to adjust your container height for mobile query as well.

0

eudeees 50

@eudeees

Posted

Hello @agomez99, ty for the tip, I will use it.

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