
Submitted 10 days ago
Huddle landing page with single introductory section solution
#accessibility
@GuguPx
Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
I would like help to make the background image not shrink when I resize the screen, and I would also like help styling the icons so that the border becomes round.
Community feedback
- @dar-juPosted 10 days ago
Hi, Augusto Silva!
I'll try answer your questions:
- First, set the container to the full screen height -
min-height: 100vh;
Then, make the background image cover -background-size: cover;
- Just set the icons to a fixed height and width
width: 50px;
andheight: 50px;
- so they will always be round and align the icons inside with flex -display: flex;
andjustify-content: center;
I hope I understood the problem correctly.
Marked as helpful1@GuguPxPosted 9 days ago@dar-ju Hello Andrey, thank you very much for the tip, it helped me a lot. I really appreciate it, and I look forward to future project suggestions.
0 - First, set the container to the full screen height -
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