Skip to content
Submitted over 3 years ago

Huddle-landing-page

Angel Garcia•110
@AngelG-JAPY
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

This practice was difficult for me. I think it could be better, but can you give me some recommendations. Thanks.

Code

Please log in to post a comment

Log in

Community feedback

  • Anton Sukhadolets•330
    @SuhodolecA

    Good job! You can resolve problems with social icons using flexboxes. For example: .fab, .far { font-weight: 400; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } And after that change font-size icons for a better view. Try to use transition property for smooth animation of your interactive elements like buttons and social icons.

    Good luck!

    Marked as helpful
  • alsir hamory•640
    @alsir

    try to make it display flex the image and make a div that contain the header and the paragraph in the mobile veiw make it's flex-diraction:column ; and in the desktop veiw make it's flex-diraction:row ;

    Marked as helpful

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