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

HTML Introduction to HTML and CSS (2016) Adding a New Web Page Write the CSS

Simone Canty
Simone Canty
1,437 Points
Posted by Simone Canty
Simone Canty
1,437 Points

CSS

The classes that were created for the resume(.main-image and .section-title) did not change in the preview. What did I do wrong.

https://w.trhou.se/oq4ed9904a

2 Answers

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Hi there, on your workspace I can't find these classes in the index.html file. This is the only file you have in your workspace, are you suppose to be using another html file named resume.html?

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

That is a direct link to your workspace which I can't access. As you did in your original question, you will need to snap your workspace. :)

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

I am a bit confused to your question? As I see the styles inside of resume.css being applied to the page resume.html.

It may also help to include the main stylesheet that contains the webpage's main layout styles over to that page as well and place it before your resume.css file inside of your head element like so:

<head>
  <meta charset="utf-8">
  <title>Jane Smith's Profile</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="resume.css">
</head>

If you can not see the styles in resume.css being applied then check the following:

  1. You are previewing the resume.html page - When you preview the workspace, it by default should show you the index.html page so you will need to change the url by adding a / (forwardslash) and the name of the file (in this case resume.html).

  2. Your browser may be cached, you can try and clear the cache.