All solutions

Any and all suggestions for improvement are welcome.

Specifically, if anyone can tell me how to get rid of the background images in the First Name and Password inputs that seem to be automatically added by the Form element. I have searched but I haven't come across a solution yet.

I built this following Kevin Powell's YouTube series. It was an interesting and humbling learning experience. The main lesson was how much more I still need to learn.

All suggestions for improvement are welcome.

Any suggestions for improvement are welcome.

Any suggestions for improvement welcome.

All suggestions welcome. On the desktop size, I had problems with the background image - I think it looks a little stretched.

I used CSS flexbox and grid - any suggestions for improvement are welcome

This one took a while. I used a combination of flexbox and grid as well as some absolute positioning. The hardest part was the header area for the desktop size - trying to position the left and right images with the text area in the middle was hard. Any suggestions to improve the code are welcome.

Based on a comment I received on the Slack channel about building this component without using any media queries, I decided to give it a try. I have amended the CSS file to use clamp() to avoid having to use a media query. Doing it this way used 255 lines of CSS instead of 327 lines doing it without clamp() and using a media query. I am sure I could improve the CSS so if you have any suggestions please let me know.

This one was rough. I had problems with positioning the various background images. I came up with a working solution but I'm sure the CSS can be improved. Any and all suggestions welcome.

Any suggestions to improve my code are always welcome.

As always - any and all feedback welcome.

Any suggestions on how to improve my code are welcome.

In particular, I think my purple overlay on the image is too light. I couldn't figure out how to get a darker purple overlay.

Here's my solution using CSS Flexbox as well as absolute position to position the icon-view svg in the active state.

Please let me have any suggestions you have for improving my code.

Any and all feedback welcome. I used a combination of Grid and Flexbox for this one. I'm still struggling to organize my CSS in a clear way.

I used css flexbox to layout the card. I am pretty happy with the results but any suggestions on how to improve the layout of the background images at different screen sizes would be appreciated.