Design comparison
Solution retrospective
Not so sure about the spacing on this one had to add margin on the body to make sure everything was aligned without leaving a huge gap on the middle but everything else looking good.
Community feedback
- @mauricio-fontouraPosted about 2 years ago
Hello again win. you could also add better separating the HTML contents for example:
<main class="wrapper"> _______________________________________________________________________________ <header class="heading"> <img class="logo" src="./images/logo.svg" alt="huddle-logo"> </header> _______________________________________________________________________________ <div class="container-illustration"> <img class="illustration" src="./images/illustration-mockups.svg" alt="illustration-mockup"> </div> _______________________________________________________________________________ <article class="content"> <h1 class="content-heading">Build The Community<br>Your Fans Will Love</h1> <p class="content-text"> Huddle re-imagines the way we build communities. You have a voice, but so does your audience. Create connections with your users as you engage in genuine discussion. </p> <button class="content-btn">Register</button> </article> _____________________________________________________________________________________ </main>0 - @mauricio-fontouraPosted about 2 years ago
Hi Victory, congratulations on your project. You can solve the Layout of this project with Display Grid, with grid-template-columns. I leave a link here to help you friend:
https://css-tricks.com/almanac/properties/g/grid-template-columns/
0 - @Deevyn9Posted about 2 years ago
Hi Vitório, congrats on completing this project, just a little feedback, the register button on mobile view has some issues and isn’t displaying properly. Try to get it fixed.
Happy coding 🎈
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