Responsive component using FlexBox and media queries.

Community feedback

• 

  Adriano•38,390

  @AdrianoEscarabotePosted about 2 years ago

  Hi Diogo Henrique, how are you?

  I really liked the result of your project, but I have some tips that I think you will enjoy:

  To prevent the background image from breaking at higher resolutions, we can do this:

  • Add a background-size: 100% 50vmin;, the 50vmin will set its height as the page target, and 100% will make it stretch on the horizontal axis.

  The rest is great!

  I hope it helps... 👍

  Marked as helpful

  1

  ---

  

  Diogo Henrique•180

  @diogohrqPosted about 2 years ago

  @AdrianoEscarabote Thank you so much for the tip!

  1