CSS 201 – Frontend Web Development Workflow Video

This is one of the projects for the The Ultimate 2022 Fullstack Web Development Bootcamp
and the project is called “CSS 201”.

(don’t open in mobile it is not responsive yet
this is going to be covered in the following project)

Repo with the files

Demo site that I was replicating


If you watched the video you know that I struggled with the overflow crated by the Orange-Circle.
For the two circles I settled on using empty divs, directly below the images,
I styled them and gave them absolute position.

What I did to fix the issue was so simple 🙂

I added – overflow-x: hidden; to the body tag 😉
The solution came from an automated suggestion in VS Code


Yeah I should really take longer breaks when I’m tired…

Leave a Reply

Your email address will not be published. Required fields are marked *