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

JavaScript Treehouse Club - MASH MASH - CSS Connecting Our Style Sheets

Lina Milns
Lina Milns
1,530 Points
Posted by Lina Milns
Lina Milns
1,530 Points

I don't have a "normalize" tab and the "style.css" tab looks completely different to in the video.

This is what, my style.css tab looks like in workspaces, as opposed to what I see in the video. Help?

body { font-family: Helvetica, Arial; font-size: 27px; margin: 0 auto; max-width: 960px; padding: 40px 10px; line-height: 1.65em; background: #FD6A6E; color: #fff; font-weight: 300; }

.logo{ width: 100%; }

.logo img { margin: 0 auto; display: block; }

.description { margin: 80px auto 40px; text-align: center; }

.bucket { width: 100%; margin-bottom: 40px; display: inline-block; }

.choice-bucket { width: 33.333333%; float: left; display: inline-block; margin: 0; padding: 0; }

.choice-bucket input { font-size: 18px; margin: 15px 4%; padding: 16px 0; width: 92%; color: #BB475C; border-radius: 6px; border: 0; outline: 0; text-indent: 20px; }

.highlight { font-size: 18px; margin-left: 30px; opacity: .8; line-height: 24px; }

answers {

/* opacity: 0; */
margin: 60px 0;
background: #fff;
border-radius: 6px;
color: #BB475C;
transition: 1s linear;
overflow: hidden; /* add this */

}

answers p {

max-width: 760px; margin: auto; padding: 80px 0; }

answers p span {

font-weight: bold; }

form input[type=submit] { background: #B5D269; border: 0; color: #fff; font-size: 20px; padding: 1em 2em; cursor: pointer; margin: 0 auto 60px; display: block; text-align: center; border-radius: 6px; font-weight: bold; }

.hide { opacity: 0; height: 0; }

.show { opacity: 1; height: 100%; }

5 Answers

Lina Milns
Lina Milns
1,530 Points
Lina Milns
Lina Milns
1,530 Points

I have tried again and I now have normalize but not the same style sheet. When I am on a video such as this one, I press "Launch Workspace". I then have three tabs, index.html, normalize.css, and style.css. My style.css looks nothing like Joy's does in the video, it starts with "body {" as I posted above. I haven't adjusted it at all, I made changes to the index.html in changing the questions and answers but no style changes. I have moved on to another track, but would like to understand why this section hasn't worked for me! Thanks for helping

john larson
john larson
16,594 Points

I wish I had more to help you. It sounds like other courses work fine for you. I thought it was interesting that this course is put in as a beginner course, but it seems to be anything but.

Lina Milns
Lina Milns
1,530 Points
Lina Milns
Lina Milns
1,530 Points

I am understanding the video and completed the tasks, just stumped on this workspace issue. Perhaps I will return to this once I have a bit more knowledge and tackle it again! Thanks again for your help.

Angela Montgomery
Angela Montgomery
2,759 Points
Angela Montgomery
Angela Montgomery
2,759 Points

You probably already figured it out because your post was from a while back but for someone else that needs an answer I just deleted the style.css code that popped up when I launched Workspace and I copied and pasted the code from the Teachers notes which match the video.

KAMRAN IMRANLI
KAMRAN IMRANLI
4,107 Points
KAMRAN IMRANLI
KAMRAN IMRANLI
4,107 Points

Lina, I've created a new css file with the codes you've written here and connected it to the index.html file. Everythings works fine. The style is the same.

john larson
john larson
16,594 Points
john larson
john larson
16,594 Points

So when you say this "This is what, my style.css tab looks like in workspaces, as opposed to what I see in the video." Did you do the css in workspaces? Or was it just there when you opened it up. Does it work? or just look different. I just recently came across that course. I'ts pretty complicated. I don't think your supposed to get the whole thing. I think it's just to wet your imagination for what you can learn to do. Also the normalize.css is important in making the web page appear the same across different browsers. It's not an end of the world kind of thing if it's not there.