Design comparison
SolutionDesign
Solution retrospective
I am doing this challenge in vanilla css, look forward to advice if you guys have any, thanks!
Community feedback
- @Abdullahbutt3434Posted almost 2 years ago
Hi @koloyyee, 👋, good job on completing this challenge! 🎉 I have a suggestion that might be helpful for you. you can use one more div as a wrapper around your article div and give it display flex with some CSS properties to put your complete content in the center as mentioned in the challenge Try this CSS with HTML like this:
HTML Code
<main> <article> your code ...... </article> </main>
CSS Code
main{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100vh; }
you can try this.
1
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