# CSS 201 – Frontend Web Development Workflow Video

This is one of the projects for [The Ultimate 2022 Fullstack Web Development Bootcamp](https://www.udemy.com/course/the-ultimate-fullstack-web-development-bootcamp/) - and the project is called “CSS 201”.

[**FINISHED PROJECT**](https://multignite.github.io/The-Ultimate-2022-Fullstack-Web-Dev-Bootcamp-Kalob-Udemy/section-8-CSS-201/)  
(not responsive yet, this is going to be covered in another project)

[Repo](https://github.com/multignite/The-Ultimate-2022-Fullstack-Web-Dev-Bootcamp-Kalob-Udemy/tree/main/section-8-CSS-201)

[Demo site that I was replicating](https://leon-template.squarespace.com/)

UPDATE – THE ISSUE IS FIXED

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

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 😉

%[https://www.youtube.com/watch?v=mPhNIew8c50] 

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