Hello guys. I started using FCC 3 days ago. I have only created one website before, with the bare basics of HTML and CSS, so most things that I learn here are new to me. Anyways, after finishing Applied Visual Design module, I felt like I did not understand it well enough so I decided to do a project and ask for your feedback.
It took me about 9 hours to get it right. I am overall pleased with how it came out, but there are still some things I’d like to address:
- The car expands the window when it reaches the end. I tried to fix it by adding a wrapper with overflow: hidden, but the car just vanishes then.
- The cut side of the moon isn’t shining (I know why and I believe there is no fix unless I use another method to create the moon)
- I stole the light beams code from somewhere, I don’t know how to recreate them. I tried turning the beam 90 degrees to use it as headlights for the car but I couldn’t do it.
- Is there no other way to create trapezoids with CSS? I couldn’t use gradient with the ones I created as it is basically just a border, not a shape.
What do you guys think?
EDIT: Another thing I couldn’t do was make the wheels spin. Can I do that with CSS only or do I need JS?