All solutions

• I want to work on getting better with absolute positioning background values.
• I want to get better about setting up css variables better.

Not really happy with my solution and think I need to work on how to better set up a project since I had been just having a lot of problems stemming from how I had done this one. Especially ones related to trying to use CSS variables for too many different html items where it came to bite me in the butt when working on the desktop viewport.

Aside from structural problems, I did find it hard to determine how gradients would work in general and what or where absolute background sections would be or if I would even use them. Same with dropshadow for some of the items in the solution.

Also was curious on how other people did the grid in the bottom. I will be checking out solutions for this project to see mine wasn't 1:1.

In what ways do you think about resizing and responsive design when creating a page with mobile first design? I think I over-rely on things like margins for spacing when I should be using width or max-width more.

Is there anything you would recommend to make the footer image look better for desktop? I think mine is cropped a little, I am just using no-repeat for background and size is cover.

Do you have any recommendations on what I could improve upon/change for my submission? For classes that I have with only one use, should I instead be using id's here instead of classes?

• For the little neon green springs in the background, is there a recommended way to set these up so that they are better for responsive design? I used absolute values but maybe grid could work?
• Should I be using id's instead of classes for css for elements that are only used once?
• When a variable in css is only referenced once is it still a good idea to have a variable for this? It does help with readability so can see a positive there but was unsure since it does add more lines to the stylesheet.

Tried to detail out things I know that I had done wrong and what I wanted to work on.

Some questions I had for the community would be:

• How would or did you tackle the image being half off screen for tablet and desktop designs?
• How do you think about naming conventions for variables and classes? I think mine got a bit messy and want to improve there.
• Are there any recommendations on things I can improve upon based on my code or implementations?

Thank you anyone who takes the time to check this out, I am still not great with front end work but I really want to improve my skills and will continue to work on projects here!