Huddle landing page using Grid and Flex

Community feedback

• 

  dgjenni2•320

  @dgjenni2Posted about 2 years ago

  1. The button appears to not have a shadow implemented on it that appears in the design. If you've never worked with component shadows before, I highly recommend locking into it because it can create some great effects.

  2. The social media icons do not appear to have perfect circles around them and look like squished ovals. I think you can fix this easily by adding "fa-fw" to the font awesome icon class, which will make each icon a fixed width (and height). From there, you can move your border to the anchor tag (a) parent of the icon and get a nice, perfect circle.

  (For reference, I did something similar for 2 here with the inverse-button tag and fa-fw icons: https://github.com/dgjenni2/frontent-mentor-huddle/blob/master/style.css#L86 https://github.com/dgjenni2/frontent-mentor-huddle/blob/master/index.html#L64 )

  Marked as helpful

  0

  ---

  

  Pedro-Henrique•60

  @PHenrique-GomesPosted about 2 years ago

  @dgjenni2 thanks for the feedback.

  1