Design comparison
SolutionDesign
Solution retrospective
open to tips, comment! thanks for view, like please
Community feedback
- @agomez99Posted over 1 year ago
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
Please log in to post a comment
Log in with GitHubJoin 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