Huddle landing page with a single introductory section

Community feedback

• 

  Yeabsira•480

  @itsyabaPosted over 2 years ago

  Hi Furkan Rehber , Nice Work!

  You should try giving it equal height and width for the social-media-icons then the classic border-radius that will solve your problem and if this didn't solve it you should try setting margin , padding and border to 0 for the social-media-icons .

  Nice Work Keep It Up .

  1

  ---

  

  Furkan Rehber•230

  @rehberbeyPosted over 2 years ago

  @itsyaba Hello, I'm glad you liked it. I can make an item round. If there is text in it I can add div {overflow: hidden;} and prevent the element from inflating. But the icon is still not centered. I can center the icon but I want to escape the "css tricks". Actually I was just wondering if anyone knew the solution. Otherwise it's not much of a problem for me.

  Thanks for the answer. 🍕

  0

  

  Yeabsira•480

  @itsyabaPosted over 2 years ago

  @rehberbey the best way to center an item is using flexbox you can try that if you want

  1
• 

  Divine Obeten•2,415

  @Deevyn9Posted over 2 years ago

  Hi Furkan, great solution you have here, to get the circular icons, give it a border-radius of 50%. Also try giving each section margins to separate them.

  Happy coding 🎈

  1

  ---

  

  Furkan Rehber•230

  @rehberbeyPosted over 2 years ago

  @Deevyn9 Hey man, nice to have a ready response. 🙂 But I tried that solution and I didn't get the result I wanted. Even if I make the span element round, the icon is not centered.

  0