Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Responsive Huddle landing page using grid

Gr3g0ry99•120
@Gr3g0ry99
A solution to the Huddle landing page with a single introductory section challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


I have recently learnt the grid layout in CSS and decided to implement this into this design to test even though it is a basic design. I also changed the grid layout to flex for when it is mobile as it will only ever need a 1 dimensional layout for mobile. Is this a good way to go about the structure or should I have left it as grid and just make it drop down for mobile? I also couldn't get the icon border to be a perfect circle it was showing as an ellipse no matter what I changed with the width and height. Any help is much appreciated on this.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Gr3g0ry99's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License