All comments

• 

  Bulumko Papu•180

  @bulumkopapuSubmitted over 3 years ago

  I struggled a bit to make my footer background image respond to different screen sizes.

  Please review my code and let me know if you have a better way to do it.

  Thanks

  

  Html & CSS only. Made use of Flexbox and CSS Grid.

  2

  10
  

  oFrederic•10

  @oFredericPosted over 3 years ago

  Hello,

  For this very example, you could create a div that would contain the footer and inside that container, you can fit an image with the following CSS to make that image reactive =>

  img { width: 100%; height: inherit; object-fit: cover; }

  Keep this block of code somewhere, you will use it a lot.

  PS: the inherit is only if you do a position: absolute; otherwise you can do 100%.

  0
• 

  Anna•545

  @NitaLewskaSubmitted over 3 years ago

  It was an interesting challenge.

  1. I've finally started using CSS variables
  2. I've tried to use BEM-system for classes, I know it's not perfect, still I'm proud of myself
  3. Doing that footer background mask was quite difficult, but now I know how it is to be done to use it in my next projects

  

  Meet Landing Page (Flexbox)

  2

  10
  

  oFrederic•10

  @oFredericPosted over 3 years ago

  I think accessibility is a good habit to have right from the beginning. but it's just my opinion.

  0