Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

“Your Technical Documentation project should use at least one media query”

I cant seem to get past this part of the task. Please help.

Heres my code:

html, body {
background-color: #848884;
color: #1b1b19;
font-family: Open sans, Arial;
line-height: 1.5;
}
.nav-title {
font-size: 30px;
}
#navbar ul {
display: flex;
list-style-type: none;
margin: 2;
padding: 2;
border: 1px solid #B2BEB5;
background-color: #B2BEB5;
font-size: 20px;
overflow: hidden;
}

#navbar li a {
color: #666;
padding: 5px;

}

code {
display: block;
text-align: left;
white-space: pre-line;
position: relative;
word-break: normal;
word-wrap: normal;
line-height: 2;
background-color: #B2BEB5;
padding: 15px;
margin: 10px;
border-radius: 5px;

@media screen and (min-width: 480px) {
body {
background-color: #848884;
}
}

2

Hello, use HTML for this, the tag is<video controls/> </video>
and what ever source you want.
example: <source src="https://youtu.be/sn3CHauUbQ0" type="video/mp4">
Note: I put this at the bottom of the HTML page.

3

Hi there and welcome to the FCC forum. You have missing the word only before screen and

4

Hi! i have done what you adviced but its still not working

6

Hello and welcome to the forum community mikhaela.russell!

Could you please check your link in the head part of the html to assure the href value is

href=“stlyes.css”

It is the only thing I could think of besides what has already been suggested to you.

Wishing you good progress on your coding journey. :slightly_smiling_face:

7

Post your updated code Here including html file