Skip to content
Submitted over 2 years ago

CSS Grid Layout + BEM to complete responsive web design

Vikram Ingleshwar•280
@vikramvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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

Community feedback

  • Sid•150
    @hiitssidPosted over 2 years ago

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

    0
    Vikram Ingleshwar•280
    @vikramviPosted over 2 years ago

    @hiitssid Thanks for inputs, I will check and fix.

    0
    Vikram Ingleshwar•280
    @vikramviPosted over 2 years ago

    @hiitssid https://github.com/vikramvi/Huddle-landing-page-with-a-single-introductory-section/commit/96a27460b44c8ffda049b0cf6dd2463485b07297

    I found a neat way to fix circle issue

    0

Please log in to post a comment

Log in with GitHub

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