Design comparison
Solution retrospective
First ever FrontendMentor.io submission :)
- Updated my github repo to center the container, but it seems to not work on the preview site!
Community feedback
- @BadhrikrPosted over 2 years ago
apply body{ min-heigth: 100vh; }
This will bring your container to center.
Marked as helpful1@saogijiPosted over 2 years ago@Badhrikr Thanks for this nice trick! I'll apply to my work!
0 - @mubizzyPosted over 2 years ago
Excellent job on this challenge! your report has a few issues though:
- wrap everything in your body in
<main>
or use semantics
2. it is a best practice to use both HTML 5 and ARIA landmarks to ensure all content is contained within a navigational region.
Hope it helps:)...don't forget to mark it as helpful 👍
You can get more details here...click here
0 - wrap everything in your body in
- @saogijiPosted over 2 years ago
@0xMoad Great work, you still need to center the project vertically, trying using css position property that's what I used for this project, though there are other methods such as flexbox that can be used to achieve same result. @Jonyango suggested a source https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox I think you should check it out!
0@0xMoadPosted over 2 years ago@saogiji appreciate the help! I've actually centered my card if you check my styles.css on github :) Seems like the live preview won't show that change? Works in vscode :)
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