All solutions

First time using a CSS framework. Would appreciate any critique on how I used tailwind for this project!

Would love for anyone to look at my Javascript code for this and let me know if there is an easier/more efficient way to achieve the form validation! Other than that I feel pretty good about this one. I debated on how to style the tablet sized screens but just went for basically the mobile UI but added some extra padding on the left and right of the <main> tag to tighten things up.

Would love any feedback on things I could improve, or any best practices I should be following! Felt like a pretty easy challenge.

Would love any advice on things I could tweak, or any best practices I should be following. Similar to my other uploads I used Javascript to change the image based on the window screen size to practice with Javascript, rather than using a specific html element to handle the different images based on screen size.

My only question I would really love to get answered is how I could have handled the purple overlay over the main image. In the figma mockup, the black color of the photo comes through so much more and I couldn't recreate that look when using the simple overlay over the image trick. I just turned down the opacity of the overlay. Any answer to this would be much appreciated!

My biggest question with this challenge was the best way do the background images/design. Could anyone check out my code and see if I did it in the best way, or let me know if there is a better way to achieve the design?

Pretty simple and straight forward challenge. If anyone wants to check out my code and tell me if I could clean anything up or adopt a better practice somewhere, that would be much appreciated!

Would love to know if there are any ways to clean up my code. Also would love to know if the way I made the hover overlay and image on top is the best way to achieve that.

Would love any tips on ways to clean up my code, or any best practices I should be following! I ended up using Javascript to change the photos based on mobile or desktop instead of just using CSS for some JS practice.

First upload, self taught developer and I would love to have any advice or tips on things I should change or best practices that I should be implementing.