Hello,
I’m working on the debug project (Fotomatic) and I have a few questions/issues.
- I can’t understand why the font for the entire html element won’t be set to Roboto even though the tag on the styles sheet is set to html to Roboto.
html {
font-family: "Roboto", sans-serif;
font-size: 16px;
}
If I want the page to look like the final product I have to go in to each tag where the font Roboto should be set and set it up individually. Should’t all of these tags inherit the font from their parent element (html element) since no font-family was specified? Am I doing something wrong here?
header .logo {
flex: 1;
font-family: "Roboto", sans-serif;
}
nav a {
vertical-align: bottom;
line-height: 1.6;
font-size: 1rem;
color: #4a4a4a;
font-family: "Roboto", sans-serif;
}
.feature .content{
padding: 2.5rem 0;
font-family: "Roboto", sans-serif;
}
#filters-section .content {
padding: 0 .625rem;
margin-bottom: 5rem;
font-family: "Roboto", sans-serif;
}
- For the footer, I can’t get the browser to display the padding. Checked with Chrome DevTools all the styles for all the elements on the final product and they match with the ones I have. Even then the paddings aren’t applied.
type or paste code here