Skip to content
Submitted over 3 years ago

huddle-landing-page (html-css-flexbox)

Francisco!•255
@Francisco-Git99
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

Hola gente, la verdad nose ni lo que hice XD , si se toman el tiempo de ver el codigo css y la estructura html para aconsejarme una mejor optimizacion del mismo estaria muy agradecido, soy nuevo en esto del desarrollo web. posdata: lo que me resulta dificil es hacer el responsive(RWD).

Hello people, the truth is that I do not even know what I did XD, if you take the time to see the css code and the html structure to advise me on a better optimization of it, I would be very grateful, I am new to web development. postscript: what I find difficult is to do the responsive (RWD)

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hello, Francisco!! 👋

    Good effort on this challenge! 👏

    A few things you can do to improve your solution would be,

    • Adding background-size: cover to the body to ensure that the background image covers the entire page and doesn't distort when the screen is resized.
    • Adding overflow-x: hidden to the body to prevent a horizontal scroll bar from appearing along the bottom of the screen in the desktop layout.
    • Adding some padding around the content of the page so that it isn't so close to the sides of the screen when the screen width decreases.
    • Doing some more work on the responsiveness of the site so that it looks good on both desktop and mobile devices and anything with a screen size between those two (you can begin by adding some breakpoints to scale the size of elements when there isn't enough space on the screen to accommodate their original size).

    Hope those tips help! 😊

    Keep coding (and happy coding, too)! 😁

    2
    Francisco!•255
    @Francisco-Git99Posted over 3 years ago

    broh, thank you very much for taking the time to explain tips to keep improving, I will try to apply what you explained in the project, thank you.

    1
  • Ananda Zulvansyah Putra•160
    @azurasanPosted over 3 years ago

    in my opinion, you should learn more about CSS, property of CSS, CSS layout, responsive using media query and some kinda stuff like that. never give up and keep going.

    Happy coding :)

    2

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