Need help understand what stuff actually means… Box model, margin:left???, floating elements??????

By Prosyscom
In March 2, 2018

This is not for subreddit(I didn’t know where else to put this question).

I am taking a website design class at my university (I’m not interested in this coding stuff at all, actually going to the university for a different career path) and I find it super confusing. However that being said, I NEED to complete this class with a decent grade to graduate.

So lets start with a couple questions: What I’m suppose to do is this: Using your knowledge of floats and the box model, you have to fit two equally sized boxes into the 960px space of the main element. Space the boxes 20px apart and 20px of space between the boxes and the main element. Make sure that the main element remains 960px wide you can check this by using the developer tools.

Now let me just say this, I have no knowledge of floats or the box model, our instructor never taught it in class. She just expects us to find stuff on this W3C school thing. I have been rereading the same pages on the subject over and over and over. I still don’t understand anything.

I’m not looking for someone to do my work for me, I’m asking for an explanation on how I can even do what they are asking me. I want to understand the work so I can do better in the future.

Also there’s a picture of what it should like complete. It has a red and blue box side by side with a grey line around them. I don’t understand if theres suppose to be a grey line or if its transparent.

Thank you for anyone that can help

submitted by /u/ABloodThirstyPikachu
[visit reddit] [comments]

قالب وردپرس