Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialReginald Beneke
Courses Plus Student 4,282 PointsQuestion on adding Normalize.css
Hi,
after adding Normalize.css, my webpage changed fonts and the bullet points at Portfoliio,About and Contact disappeared.
But there are still bullet points next to the images. Whereas I see in the video that Nick's bullet points found at the images disappeared. Can someone tell me if that's normal, or if I'm doing something wrong?
Kind regards, Reg.
3 Answers
Reginald Beneke
Courses Plus Student 4,282 Points"
<!DOCTYPE html> <html>
<head> <meta charset="utf-8"> <title> Beneke|Design Portfolio </title> <link rel="stylesheet" href="CSS/normalize.css">
<style>
nav a{
color:white;
background-color:orange;
}
</style>
</head>
<body> <header> <a href="index.html"> <h1>Reginald D. Beneke</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <section> <ul>
<li>
<a href="img/numbers-01.jpg">
<img src="img/numbers-01.jpg" alt="">
<p>Experimentation with color and texture.</p>
</a>
</li>
<li>
<a href="img/numbers-02.jpg">
<img src="img/numbers-02.jpg" alt="">
<p>Playing with blending modes in photoshop.</p>
</a>
</li>
<li>
<a href="img/numbers-06.jpg">
<img src="img/numbers-06.jpg" alt="">
<p>Trying to create an 80's style of glows.</p>
</a>
</li>
<li>
<a href="img/numbers-09.jpg">
<img src="img/numbers-09.jpg" alt="">
<p>Drips created using photoshop brushes.</p>
</a>
</li>
<li>
<a href="img/numbers-12.jpg">
<img src="img/numbers-12.jpg" alt="">
<p>Creating shapes using repetition.</p>
</a>
</li>
</ul>
</section>
</header>
<footer>
<a href="http://twitter.com/r3ggi3duan3">
<img src="img/twitter-wrap.png" alt"Twitter Logo"> </a>
<a href="http://facebook.com">
<img src="img/facebook-wrap.png" alt"Facebook Logo"></a>
<p>© Reginald D. Beneke 2017.</p>
</footer>
</body> </html>
"
Reginald Beneke
Courses Plus Student 4,282 PointsI don't know if I done that right. But also, another problem I'm facing is that I have to scroll left to view the images and if I were to add a background color to the footer, it stops when I scroll right.
I wish I could show pictures.
James Ackerman
14,099 PointsAre you on a lap top? After copying your code and running it, it seems as it should be based on what lesson you're on. I'm not seeing anything pushed to the left, but I'm on a PC with a 24" screen.
In future lessons, you'll learn how to add something called break points, which will change the layout of the page based on the device you're on. I suspect this will correct these issues if you're on a smaller device. I can't see anything wrong with your code, though.
James Ackerman
14,099 PointsJames Ackerman
14,099 PointsNormalize.css has been updated to version 5, so that may have something to do with it. If I recall correctly, Nick goes through in later videos and removes the bullet points in the main.css file.
Just make sure you have the main.css file listed AFTER normalize.css in your html file like this...
Other than that, it sounds okay. Feel free to copy and paste your code if you'd like further help. Just be sure to post your code inside the "
" and "
" brackets (minus quotes).EDIT: Here's a link to how to post code in case you're new to it. I don't think my example above printed correctly and may cause confusion. :) https://teamtreehouse.com/community/posting-code-to-the-forum