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

Simone Canty
Simone Canty
1,434 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
Jamie Reardon
Front End Web Development Techdegree Student 12,522 Points

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
Jamie Reardon
Front End Web Development Techdegree Student 12,522 Points

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.