All solutions

• Making this site mobile responsive was the most difficult part while building this project. Also making sure that I could change the color/opacity of the picture.

• I'm really am unsure of the structure of my project.

• I want to know how I can switch the order of divs when working on the responsive design. I know divs are by default block elements and I was able to items side by side, but when trying to make it mobile responsive I wasn't able to switch the divs, nor change other elements.

Is it bad practice to separate majority of the elements on the page within their own div?

What's the best way to keep elements leveled amongst each other?

What I found difficult while building the project was the css portion. The spacing was a little hard for me to get accurate.

Other than the css, I was pretty aware of what to do with my code.

I would love to know best practices when ensuring my components are in their appropriate divs and I would like to have some resources that can help me with my css knowledge.

Is there a resource to help with building out responsive sites? I need more guidance with media queries, grids and flex.

Is there a source to use to help me better understand css and the best practices. I'm terrible with css and often times I just don't know where to start. I do have some experience with css, but I don't practice with it as much as I should. I am more of a backend developer, but I'm aiming to become a full stack developer.