Your Technical Documentation project should use at least one media query

HTML-CSS
1

I’m on my way to completing test 3 and I’m stuck on the last assignment. Your Technical Documentation project should use at least one media query. My coding is not the best but here’s what I got and I don’t know why it’s not correct.

.main-section {
font-family: Verdana;

font-size: 15;

color: blue;

font-style: bold;

text-align: left;
}

@media (max-width: 768px) {
.main-section {
font-size: 12px;
text-align: center;
}
}

2

Did you remember to include the styling sheet using a link element in the head?

3

Does that make a difference? I have my link element with the stylingsheet before my header.

4

How many media query did you use?

5

I was just checking that you added it. If you did then that should be OK. But if you paste in your HTML we could double check just to make sure there isn’t something wrong with it.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.