Build a Technical Documentation Pagee

HTML-CSS
1

Tell us what’s happening:
Good evening All!!!.
Can someone help me on my user story#6 and #14.
I have been battling with them for some time now.

Thank you for your usual response.

HAPPY CODING!!!.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 UBrowser/7.0.185.1002 Safari/537.36.

Link to the challenge:

2
  1. You need at least 5 <code></code> elements inside the .main-section section element.

As it’s about car breaks, you don’t really have any code. It might be cool to look for some math related to car breaks if you can find it. Maybe even some code for some car electronics (might be harder to find).

<code>π(3.14) × radius(3.5)2 ≈ 38.48 in2 of diaphragm surface area × 8 psi (negative pressure becomes positive force) ≈ 307.84 pounds of output force</code>

  1. You need at least one media query.
@media (max-width: 800px) {
  p {
    color: red;
  } 
}

Obviously don’t just make the text red, find something useful to change. Like the layout, like switch the side menu to a top menu on a small screen or something simpler like making the font-size of the menu text smaller.

  1. For the font-family “font stack” values are separated by commas to indicate that they are alternatives. Also, italic is a font-style, not font-family

What you have:

font-family:italic; verdana;
font-family:time-new-roman; sans-serif;

Corrected:

font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Times, Times New Roman, Georgia, serif;

font-style: italic;
3