I use DIsplay Flex and @Media for Responsive

Community feedback

• 

  Adrian Hartanto•60

  @adrianh42Posted almost 3 years ago

  You can set these to your body {},

  height: 100vh; makes that your contents take up the full height of the viewport

  background: url(image) "color"; shorthand to apply an image and a color to your background

  background-size: 100% 50vh; makes the background image takes up 100% width and half the viewport height

  You might want to remove the background-position.

  0

  ---

  

  Simone Paiva•40

  @simonegpaivaPosted almost 3 years ago

  @adrianh42 I managed to fix the background, but I don't understand why the preview here on the site doesn't correct

  But thanks for your help :)

  0

  

  Adrian Hartanto•60

  @adrianh42Posted almost 3 years ago

  @simonegpaiva I might be wrong, but I think you haven't pushed your changes to your repository. "Generate Screenshot" button also has a little delay as far as I know.

  0
• 

  Bartosz Skrzydelski•20

  @BrtSkrPosted about 3 years ago

  Hi, I would say that you didn't have to use media queries. They kinda take long time setting them all up and for the long run they might create some trouble later on, give a try for viewport units (vh,vw and if you decide to use them remember to put meta tag inside head).

  0

  ---

  

  Simone Paiva•40

  @simonegpaivaPosted almost 3 years ago

  @BrtSkr Thanks for your help! These things have been my biggest difficulty

  0
• 

  Guillaume•10

  @CedrazarPosted about 3 years ago

  Hi, for your background, you can use background: top no-repeat or background: no-repeat cover in your CSS file.

  0

  ---

  

  Simone Paiva•40

  @simonegpaivaPosted almost 3 years ago

  @Cedrazar Thanks!I tried, but it didn't work. There must be something wrong in the code.

  Thanks for your help! :)

  0