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 trial

CSS

Posted by NIkki Nicholson
NIkki Nicholson
15,906 Points

CSS does not get applied to portfolio page

The portfolio page is plain and does not have any CSS applied to it. The file is linked exactly like it is in the example but it does not work.

<link ref="stylesheet" href="css/main.css">

Ethan Weeks
Ethan Weeks
15,352 Points

Hi Nikki, Which portfolio page are you talking about? Can you connect a link to the exercise or video?

5 Answers

Ethan Weeks
Ethan Weeks
15,352 Points

Sorry my first answer was incorrect and your code looks good. make sure you save all your files and refresh the page after every change. I would even go as far as saving all my files and closing out of my browser. Sometimes workspaces can do some weird things. I hope that helps.

NIkki Nicholson
NIkki Nicholson
15,906 Points

Actually you were on the right path. ref needed to be changed to rel. It works now. Thanks. It always something small that makes a big change,

Aaron HARPT
Aaron HARPT
19,845 Points
Aaron HARPT
Aaron HARPT
19,845 Points

Can you show your code?

NIkki Nicholson
NIkki Nicholson
15,906 Points
NIkki Nicholson
NIkki Nicholson
15,906 Points

I'm working on this course https://teamtreehouse.com/library/how-to-make-a-website/styling-web-pages-and-navigation/style-the-image-captions

This is my code in the head section

<head> <meta charset="utf-8"> <title>Nikki Nicholson | Designer</title> <link ref="stylesheet" href="css/normalize.css"> <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'> <link ref="stylesheet" href="css/main.css"> </head>

index.html is not in a folder. There is a css folder

bussakornpomsrikaew
bussakornpomsrikaew
964 Points
bussakornpomsrikaew
bussakornpomsrikaew
964 Points

I put my style portfolio, after refreshing the screen does not look like it should be. http://port-80-xnrbuwsf1m.treehouse-app.com

Iagor Moraes
Iagor Moraes
18,678 Points

Bussakorn, put here your code cause we can't access this link, that's private.

bussakornpomsrikaew
bussakornpomsrikaew
964 Points

I can find the problem now, coz i put the list in items in the same line as the image item.That make my browser looks weird. Thank you Iagor.

bussakornpomsrikaew
bussakornpomsrikaew
964 Points
bussakornpomsrikaew
bussakornpomsrikaew
964 Points

Thank you so much for your help lagor, I never done this before, this is my first time that i have learnt about Web Design.

/************************************* ่PAGE PORTFOLIO **************************************/

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }