All solutions

I definitely put in "required" for my email input, it worked yesterday...it doesn't work today...I didn't change a thing :D any help?

If anyone has a suggestion on how to make the container only increase in size to the top, let me know. I kind of dislike, that I have to move my cursor only to click the dice button again, cause the quote is too long and therefore expands the height of the container.

Please let me know, if and how I messed up the mobile version, since to make that was a pain. For some reason images are different to handle. Also: Is it standard to decrease the font-size on mobile devices? Wouldn't it be the best way, to only use em then, so that the website responses accordingly instead of using rem?

Please let me know about anything you see, I want to get better and more professional at this! Especially my use of rem and em, since I am struggling with getting a feeling on how to use this properly.

I am really proud of how this turned out, I tried to implement more rem instead of px and also classes instead of html tags in my css to style the page. The media query is set for any mobile device below the width of tablets, which are wide enough on the other hand to show the normal website properly. Only thing I am concerned about is setting the height of my body to 100vh in order to be able to center my container. Is that an anti pattern? I heard, that just setting it to 100vh might cause problems.

Also, setting the width of my container to 45rem is just, because I could visually check if it looks good, but it doesn't feel proper. Is there a standard width or something, I should use instead, or is the width actually something I have to chose depending on how it looks and how I feel about it?

Last thing, would you implement a minimum width for the mobile version, so that it doesn't get squeezed to a ridiculous amount? Where would you do that?

Please let me know anything, you think that can be optimized to make it more responsive or better in general, still very new to this!

1.) If you could tell me, how to make the Font-Family Outfit bold, please tell me. I had to use Open Sans, cause Outfit doesn't work with font-weight: bold/900; 2.) Is there a unit, to make the size of containers etc. suitable for smaller/bigger devices - to make it responsible? I feel like I got lucky, that my container perfectly fits the mobile-version width and height, but I want to be in control of that.