Submitted over 1 year ago

Huddle Landing Page With Single Introductory Section

eyu.•360

@Eyuleo

Preview site View code

This is a solution for...Huddle landing page with a single introductory section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Had difficulties with social media icons the facebook icon border is not identical as the rest of the two icons, also when the screen shrinks I can't get it to align to the center. any feedback would be helpful

Community feedback

Ed-dyb Abdelilah•1,560

@eddybproPosted over 1 year ago

Hi, eyu

You did a good job

For the border of icon here my suggestion

.social-icon{
    display:flex;
    align-items: center;
    justify-content: center;
    gap:1.5rem;
}
.social-icon > a{
   text-decoration:none;
}

.social-icon > a > i{
  width :2rem;
  height: 2rem;
  border-radius:50%;
}

I hope that will help.

good luck:)

Marked as helpful

Please log in to post a comment

Join 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