Skip to content
Submitted over 3 years ago

Huddle Landing Page (HTML + CSS)

Luis•270
@luibernip
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

Hello community!

Hope you are having a great day. This is my question:

  1. How can I position background image better so that it doesn't move/crop that bad when height or width of screen changes?

Thank you all and have a great day.

Community feedback

  • Cintia Schirmann•15
    @schirmannPosted over 3 years ago

    Oi Luis, quando fiz eu coloquei display 0.6 em uma das divs e em outra 0.4. Não sei se respondi direito tua pergunta vou te passar o exemplo:

    .flex > div:first-child{ flex:0.6; margin-right:20px }

    .flex > div:last-child{ flex: 0.4; margin-left:20px }

    1
    Luis•270
    @luibernipPosted over 3 years ago

    Oi @schirmann. Eu não sei muito portugues, mas entendo seus comentários e agradeço a ajuda. Graças a você eu mudei o código para melhorar a área central, melhorando seu "responsiveness".

    Muito obrigado novamnete por sua ajuda com meu código e por dedicar seu tempo para analisá-lo.

    Espero que você tenha um bom dia.

    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