I'm completely new to the world of HTML and CSS, and I was hoping for some guidance. I've been trying to wrap my head around a tutorial on creating parallax scrolling websites, which you can find here:
However, I noticed that the tutorial includes normalize.css, which is responsible for making each image expand to fit the browser perfectly. I'm unsure about which specific part of the code is achieving this effect, so I was hoping someone could direct me to that section to help me analyze it.
If I remove normalize.css from the package, the website looks like this:
With normalize.css included, the website looks like this:
I'm curious about how they achieve this effect with normalize.css. Here is the link to the normalize.css file: https://github.com/necolas/normalize.css/
While I understand there are different methods to achieve this, I'm specifically interested in understanding the approach taken using the normalize.css file.
My Attempts: I've experimented with using background-size for each image, but it ends up making the last image I apply it to fill the entire background behind the other images.