Skip to content
Submitted almost 4 years ago

Huddle Landing Page with Flexbox

Lucas Piputto•305
@paiput
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 feel like I wrote a lot of code in CSS. If you know how could I shrink it please let me know. Also any tip is very grateful.

Community feedback

  • Elizabeth•460
    @gelizabethPosted almost 4 years ago

    Hi! It's okay about amount of CSS :D You can read about CSS shortcuts, these allow you to write background: url(../assets/images/bg-desktop.svg) no-repeat, var(--violet) instead of background-image: url(../assets/images/bg-desktop.svg); background-color: var(--violet); background-repeat: no-repeat; or margin: 3rem 0 5rem 4.5rem instead of margin-top: 3rem; margin-left: 4.5rem; margin-bottom: 5rem;

    Happy coding and have a nice day!

    0
    Lucas Piputto•305
    @paiputPosted almost 4 years ago

    Thank you so much @gelizabeth!! I'll keep that in mind for the next challenges

    0

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