Quiz App

See the Demo
5
0

Activity
Only Thinkful students and mentors can like and comment right now. Log in
Kim Sherrell

the new link worked for me, I was able to see your updated quiz :) It looks great! just one issue at the end, with overlapping content, I can't click to retake the quiz bc of it. I see the bang operator -- clever! I haven't used anything like that so far, but will def keep in it mind for future coding. Thanks for sharing! :) ![image of overlapping content](https://ksherrell.github.io/images/screensnip2.png)

Kim Sherrell

Here is what it looked like in my browser before you changed it: ![Image of screen snip](https://ksherrell.github.io/images/Capture.PNG)

Kim Sherrell

Hi Scott, I visited the quiz, but I'm not seeing the changes -- did you have a chance to upload those to repl.it? Also, I'm very interested in seeing the bam operator, as I don't believe I've heard of that before.

Kim Sherrell

Hi Scott, I, too, am a mere student (working my way towards GREATNESS! lol!) -- one trick that always helps me is to put this as the first line in my CSS file: \* { border: 1px solid orange; } This puts a 1 pixel border around every element on my page so I can see where each starts/stops/floats/etc. -- very handy! Also, I looked at your stylesheet and noticed that you have two different style declarations for 'main'. As for the box not being wide enough for the contents to display properly, it happens for me on Question 2 -- it could be a browser issue. I use Chrome, mostly. Off the top of my head, what I would do is make the box a little wider and also have the answers display in a column, rather than on one line -- an easy way to do that would be to add a <br> tag at the end of line 48, and then adjust the height of 'main' in your css file. An unordered list would be another way to display the answers. I also played around with the absolute and relative positioning and found that it didn't make much difference having those defined or not, as long as I also removed the "bottom: 40px" property. That's just a personal style call, though, and there's a million ways to skin the cat (or skin the app, actually) (<--nerd joke, cracks me up! lol)

Kim Sherrell

Very interesting quiz -- I enjoyed learning about the orchestra! :) I did notice two things that might be bugs: 1. the box did not expand to accommodate the answers (or was not wide enough) -- on one of the questions, the answers wrapped to a second line, but the radio button did not follow the answer, it stayed at the end of the first line. 2. If I clicked submit without selecting an answer, I was not prompted to select an answer, it was just counted as incorrect. This may be by design, but I wanted a second chance to select an answer lol!

See more projects