Social proof section with HTML, Sass and Bootstrap
Design comparison
Solution retrospective
What do you guys think about the responsiveness? What do you think about the visual aspect of the page? does it look good? What are some practices that you think can be improved?
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Ricardo, congratulations for your new solution!
Here's some tips to improve your page alignment to center:
I saw that you've used
html body main
to manage the background, this is not a best practice, you should add this properties to a single element, this case is better thebody
The propert alignment for your container
width: 100%; min-height: 100vh; /* height: 100%; */
body { html body main { width: 100%; min-height: 100vh; /* height: 100%; */ display: flex; flex-direction: column; font-family: "League Spartan"; padding: 0 50px 0 50px; background: url(images/bg-pattern-top-desktop.svg), url(images/bg-pattern-bottom-desktop.svg); background-repeat: no-repeat; background-position: left top, right bottom; align-items: center; justify-content: center; } }
π I hope this helps you and happy coding!
Marked as helpful0@RicardoFuentes437Posted about 2 years ago@correlucas Thank you so much for your feedback, i still have some trouble with containers and backgrounds but this is really helpful, i'll try implementing it in the next challenge to see how it goes, thank you again :)
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