All solutions

I think I did well, however I hate my CSS structure. Also I had a problem with submit button, I had to set it on preventDefault to stop it from refreshing a site - so now this form doesn't work.

I decided to do this as a form and the rate notes are radio buttons.

I've hidden the buttons and styled only the labels.

I had a little bit problem with positioning those labels to have the same width as other elements, and start at the same point.

I solved it by adding 'margin-left' with value below 0.

Please let me know what you think.

Hi!

It's my approach to the challenge.

I don't know much about JS but I've managed to make my code work, but I'm aware that it is not hight quality code. Not really sure how to make it more preety.

I have a problem with positioning of dates under the nottification. It looks the same as in design only when there are two lines of text in notification. When there is only one, the space beetwen date and notification is too big.

I also have a problem with .webp files. On my live serwer there is everything ok. However when I'm opening the site on github server I see no images on it. When I'm checking in the console it says that the files were not found (404).

Does anyone know how to solve this problem?

I'll be very grateful for every help.

My first project when I created the mobile view first and after that made rest of the views.

I'll be grateful for every feedback. :)

Just started learning JS so I haven't use it in code. I've done everything with CSS and HTML.

I'm not familiar with accesibility so there is not much of it in my code.

After I'll learn some new things I'll probably come back to refactor this masterpiece.

I've used the css.rest file to reset every default setting of a browsers.

This is my first challenge. I've centred everything on the screen with flexbox. I haven't done any semantic in this one, but definetly start doing it with the future projects. Funny thing about this first one is that I thought that I have to recreate QR Code by using CSS and HTML only.