HTML and CSS and BOOTSTRAP

Community feedback

• 

  Agata Liberska•3,995

  @AgataLiberskaPosted over 3 years ago

  Hi @klausMikaelson7! Here's a few things I noticed:

  • When I resize the screen, the image does not fill the full height of the container in desktop layout, and at 1024px, the layout switches to vertical but the container remains twice as wide. I think the breakpoints you chose in your custom styles don't align with bootstrap breakpoints and that's causing the issue. (col-lg starts at 992px and your breakpoint is 1028px).

  • For the overlay color, you can add a pseudo element over your image, set a background color to it and use mix-blend-mode property to blend it with the image.

  I would suggest staying away from bootstrap, for the small challenges at least, and try to focus on pure CSS grid and flexbox to get a really good understanding on how they work.

  2

  ---

  

  Klaus Mikaelson•70

  @klausMikaelson7Posted over 3 years ago

  @AgataLiberska okay i will try to do better next time thank you for your valuable feedback

  0