All solutions

Hello guys, I really had fun with this simple project, I'm using a really simple js code to give interation (I know I can use forEach, but I'm still learning how to use it haha)

I had problems cropping the image corner on desktop, I was trying to use clip-path but I don't understand it too much.

Any advice is welcome :)

Just a simple one :) any advice is welcome, long time since I didn't make something using css and html

For this solution I used html, css and vanilla JS. I used a for loop to iterate over the botoms to select the ranks, also I added a buttom to close the submit page.

I'm open to any advice, I had problems with the rating point, because I wanted to print the option that user selected and not only "You selected 4 out of 5".

This one was really fun to do, I had some problems with the form, first I didn't know how to get the data in the inputs, then I used an object to get the data. Next I tried to use querySelectorAll() to select all the elements on the class, but I didn't know how to iterate between all, so I only did the effect on event when people click on it.

Any advice is welcome.

Any advice is welcome :D

Any advice is welcome!, I had some problems with the click event, I wanted to do the logic by myself, but I give up and use .toggle() instead.

For this challenge I practice a little of flexbox, the background circles were a challenge, I used z-index to put it behind the card, and position: absolute to move it, however, I'd like to know if there’s a better way to do it, I tried adding the two circles using background-image: url(''), url('') but it doesn't work well when I tried to move it to reach the desired design

Any feedback is welcome, I had problems with the image overlay color (in the design the color is more purple I think) also I had problems with some responsive things, but I had a lot of fun with this challenge.

Thank you in advance

In this project I tried to improve my code, making it more readable and more order. Also, I used the feedback of my previous project to give a better accesibility to my project.

Any feedback is welcome, I'm still learning, and I like to receive advices.

I have one question:

I learned that I can give a fixed font-size to the document html using Font-size: 62.5% to have 10px and use rems. However some people says that is not correct because the percentage is not the same for all browsers.

My doubt is: What is better to use, px or %?