All solutions

Hello! Thank you for taking a look on my solution.

I'd be very happy to read your feedback! This challenge was a fun one, however I had troubles positioning the button and alert text. I am still trying to wrap my head aroun when to use which units for the best results.

Thanks again for taking the time to write a comment! I appreciate it very much!

Hello and thank you for taking a look at my solution.

Please share your feedback! I appreciate it very much.

I am quite happy with how this solution looks, however there is one thing that I could not figure out so I just left it as it is - when there is no border on the body, a vertical scrollbar appears (and quite a lot of empty body space is added below the footer), despite the fact that all of the contents in theory fit within the viewport height. As soon as I set the body border (it is currently set to be 1px solid transparent) the scrollbar disappears. I know it is happening because I must have done something wrong, but I can't figure out what - so if you know, please tell me so I can avoid this in the future.

Once again, thank you very much!

Thank you for taking a look at my solution!

I used CSS grid to center the card on the screen and flex to create card layout.

All feedback is welcome and appreciated!

All feedback is welcome!

I wonder if the switching images in my html is done correctly. I also had some troubles with the footer - any tips for keeping the footer on the bottom of page and keeping the content centered from all sides will be a great help!

Thank you!

This is my first project on Frontend Mentor, and my first attempt to creating anything using HTML & CSS. All feedback is welcome, and sharing best practices with me will be greatly appreciated.

Many thanks!