All comments

• 

  Nicole• 20

  @niko-niko-nom

  Submitted 10 months ago

  Overall this project went pretty well, I'm happy that I got the JS working :)

  Here are my questions:

  Should I have used a form for the submit- and rating-buttons and set it to required, or can I get away with using a default value for the rating (like I have now), in case anyone skips clicking a rating button?

  How can I get the #rating-card and #thank-you-card to appear in the same spot (in the exact middle of the page)? I tried setting main to display: block and margin: auto but then both cards were stuck to the left-hand side of the viewport.

  Lastly, in my last solution I had misunderstood how to use h1, h2, h3 properly. Have I used it correctly now?

  

  Interactive Rating Component

  1

  20

  

  molLbach• 30

  @molLbach

  Posted 10 months ago

  about your second question, try using flexboxes to adjust them in the middle of the screen, If you don't know about them yet I highly suggest checking them out, they are indispensable, the thank you card should have the exact same dimensions as the rating card so that when the display:none; property kicks in, it looks like the card stayed the same and only the content changed.

  0

  This comment has received 1 replyShow