Skip to content
Submitted almost 5 years ago

Mobile First Responsive Design using Flexbox

Tek Loon•120
@tlcheah2
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

I would like to ask for feedback on two items.

  1. Font awesome icon. How you guys actually give a white border to it. I wrap a div with it and set the border and border-radius on the div? Any other better ways to do it?

  2. Shadow on the register button. Is the shadow on the button good enough?

And any other feedbacks are welcomed too. Thanks for reading.

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    Great work on this challenge, Tek! Sorry that I've only just managed to take a look at your project. To answer your questions:

    • If this was a real landing page these social links would be clickable. So I'd recommend using anchor tags instead of div elements. But the way you've done the styling with border and border-radius is the way I'd do it too.
    • The box-shadow on the Register call-to-action looks good!

    Keep up the great work 👍

    1

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