Skip to content
Submitted about 3 years ago

CSS Grid Layout + BEM to complete responsive web design

accessibility
Vikram Ingleshwar•280
@vikramvi
A solution to the Huddle landing page with a single introductory section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Dear All,

I had really difficult time to put circle around social icons, even though I could to it somehow; it's not perfect.

  1. Please review and suggest better way of doing it
  2. Is there a way to change width, height of "fa" icons ?
  3. What are the good practices wrt max-width, width in grid layout ?

Please review code and let me know areas of improvements.

Thanks in advance.

Regards, Vikram

Code

Please log in to post a comment

Log in

Community feedback

  • Sid•150
    @hiitssid

    Hey Vikram, For putting circles around the social icons, I guess this will help. https://codepen.io/hiitssid/pen/eYMpOVY

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