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

Huddle Single Introductory Section

BrunoMoleta•700
@brunomoleta
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


Hello, front-end Mentors from all over the globe, :)

  • I use nothing but rough css and HTML.
  • Thus far, all I know about web development comes from the terrific courses made by Jad Joubran, and they include no library or framework;

The feedback I would love to read about:

  • I had a hard time with the background-image. Please tell me, if you feel like it, the best practices to make one of them (the desktop version) horizontal and the other one vertical;

  • I put the Huddle Logo in the same div as the illustration. How did you organize this part of the code? Has someone thought it was better to employ display: grid?

  • The width of the text is set with char. Are there better practices than that?

Well, be it as it may, I'm glad to finish my second solution and continue building front-end skills with you.

Greetings from Curitiba, Brazil :)

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 BrunoMoleta'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