Huddle Landing Page Single Section (SASS + Flexbox + Responsive)
Design comparison
Solution retrospective
Hi there π, Iβm Melvin, and this is my solution for this challenge. π
π οΈ Built With:
- SASS. π¨
- Flexbox layout. π
Any suggestions on how I can enhance this solution or achieve even better performance are welcome!
Thank you. πβοΈ
Community feedback
- @mehdiallamPosted about 2 years ago
My feedback:
- Set a
max-width: ..rem;
on the image it gets big on large screens. - Make the
font-weight: 600;
on the button. - Increase the
font-size: ;
a bit on the heading. - Increase the
margin-bottom: ;
on the paragraph. - Make the Instagram icon a bit smaller
- Remove the
box-shadow: ;
on the button With this you'll be good to go!
Marked as helpful0@MelvinAguilarPosted about 2 years ago@mehdiallam Hey, there! π Thank you very much for your comments.
In the font-weight property I did not realize that I did not use it as in the design
The intention of not making the image bigger is the same, not to make it bigger, because on high resolution screens it would look too big compared to the text, although the logo and social networks should be together with the image
2 - Set a
- @Abdul7Amaan7Posted about 2 years ago
Change font weight and inner logo size compare to the design .
1@MelvinAguilarPosted about 2 years ago@Abdul7Amaan7 Thank you very much, I will take it into account when I update it
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