Documentation

Every well-developed language or framework has a place where you can look up all of its features. This library of information is called a language’s documentation.

You can find the documentation for CSS at Mozilla Developer Network. In addition to CSS, The Mozilla Developer Network (referred to as MDN) contains the complete documentation for HTML, JavaScript, and many other essential tools of web development.

To see the documentation for a specific CSS property, navigate to the MDN website and search for that property in the search bar at the top of the page. Then, click on the link for that property. For example, search for the font-weight property. The list of results might appear intimidating, but you should quickly see a link starting with the description “The font-weight css property…”. This is the link we want.

Once you land on a property’s documentation page you can read all of the information about it. For example, font-weight starts with a description of the property. The “Values” section lists all of the possible values for font-weight. There are some values you already know, such as normal and bold, but there are also new values, such as lighter and bolder.

Instructions

1.As you can see in the mock, on smaller screen sizes we want to hide our h1. Look up the documentation for display on MDN.

In the “Grouped values” section, find a value that will turn off the display of an element. Add a display property with that value to the h1 rule in the @media query at the bottom of style.css.

2.The style.css file includes a property you might not know — float. Read the documentation for float to see what the property does and what values it can accept.

Update the ul rule to push the ul to the right side of the navigation bar.