Build a Quiz App (1) - Create and Style the Home Page

Build a Quiz App with HTML, CSS, and JavaScript to improve your Core Web Development skills!

In this video, we are going to create the home page along with a good chunk of the necessary CSS. The home page will consist of a few links for the Game and High Scores pages. We will also create helper CSS classes for Flexbox, buttons, and hiding elements.

### Course Content

### Website

### Course Links

### Subscribe to My Newsletter

### Social Media

[Jonsey]

Thank you for taking the time to explain what the lines of CSS are doing and why you wrote them. I am learning a lot from that.

[liviathemalazanpotatonoob]

Thank you for this! I will try my hand at this because I actually need a quiz app and all I initially thought of using did not match my needs. I'd have to make some changes to this one as well, we'll see how that works!

[Joe-oqzn]

awesome video. thanks for sharing this knowledge!

[brandonprovo]

Looking forward to building this. It looks like a great challenge!

[piyushgarg]

i never got the concept on how max width and margin : auto worked togther..and now I know.. thank you sir!

[ARandomPersonAgain]

Question, do you happen to know how to add the question info, (question, answer, audio file) to the object array and then call that audio file to play when that question is displayed?

[hamzakhanpk]

sir how to start I mean what type of IDe is used by you. and also tell us about ide for windows

[reggiedaniels]

Hi great video, Im having some trouble though... The server wont update when I add or change anything in app.css.

[curtiskil]

How to I get my VS Code to make those suggestions as i'm typing...for instance, how it suggests "background-color" as you type "back..". I disabled it somewhere along the way

[sonupunia]

Thank you for a great video. But im facing an issue. All my text and two buttons are displayed in a straight line and not as desired.
I have written the code same as yours but still im not getting the same results.Please help.

[omarhamdan]

How did you type the /* utilities */ I watched the shortcut video and couldn't find this one

[kookiesgirlakanksha]

can i integrate this in MERN stack project (without React) ???

[victorgd]

What is your theme and arrow extensions?

[hanujirahmatnagoro]

using extension "live server" it means no need xampp ..?
sorry i really new in web app

[wakadeysee]

Please how can I add questions that receives input rather than options to my quiz

[zitch]

for the container, why is mine not centering. I copied exactly what you have but for some reason it puts everything in the bottom left of the live server instead of the center?

[aleb]

do you know how to fix those annoying syntax errors: example -- What type of animal was Harambe, who was shot after a child fell into it's enclosure at the Cincinnati Zoo?

[hamdi]

a question: when i click on the button "Play" => (file not found), the link url displayed stops on the local disk (file: /// C: /game.html) instead of (file : /// C: .. how to fix this problem? thank you

[chrorksokream]

hello sir I use visual studio why different

[beshomagdy]

what is the name of the app or program you are working on ?