Submitted about 1 year ago
Huddle_landing_page-with_single_introductory_section
@tired-herb
Design comparison
SolutionDesign
Solution retrospective
Hello, everyone! Could you help me with my icons, please? I don't really like them.
Community feedback
- @eddybproPosted about 1 year ago
Hi, @tired-herb👏
Congratulations on finishing this challenge, I hope it was fun🤣
For the icons issue here is a way to fix it:
- HTML code:
<address> <div class="icon-box"> <i class="your-icon"></i> </div> <div class="icon-box"> <i class="your-icon"></i> </div> <div class="icon-box"> <i class="your-icon"></i> </div> </address>
- CSS code:
address{ display: flex; align-items: center; justify-contents: center; gap: 1rem; } .icon-box{ width:2rem; height:2rem; border: 1px solid white; border-radius:50%; display: grid; place-items: center; }
That's it 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