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 Maximilian Tan
Maximilian Tan
5,570 Points

Trouble with Workspaces

I have followed every step and rewatched the videos on the CSS lessons of resizing images to make sure I have entered the codes correctly. However The preview sites do not yield the expected result as seen from the videos. Could it be a problem with workspaces?

James Barnett
James Barnett
39,199 Points

It's hard for us to know what's causing the issue you are having if you don't show us your code. For some tips on how to do that, check out the tips for asking questions video located in the right hand sidebar.

2 Answers

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,254 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,254 Points

If you think there's a bug why not copy and past the code to the support team. Or even here so we can have a look? Maybe just a stray semi-colon :)

Maximilian Tan
Maximilian Tan
5,570 Points
Maximilian Tan
Maximilian Tan
5,570 Points

I contacted support but they advised me to post it on the forums:/ Here is my code, hope you can help me with it:) a { text-decoration: none; }

img { max-width: 100%;

h3{ margin: 0 0 1em 0; }

/************************************************* GENERAL *************************************************/ body{ font-family: font-family: 'Open Sans Condensed', sans-serif; }

wrapper {

max-width: 940px; margin: 0 auto; padding: 0 5%; }

/************************************************* HEADING *************************************************/

header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; }

logo {

text-align: center; margin: 0; }

h1{ font-family:'PT Sans Narrow', sans-serif; margin: 15px 0; font-size: 1.75 em; font-weight: normal; line-height: 0.8em; }

h2{ font-size: 0.75em; margin: -5px 0 0; /1st value sets the top, The negative pulls the words closer to the ones surrounding it(makes elements tighter together. the 2nd value sets the left and right, the 3rd value sets the bottom/ font-weight: normal; } /************************************************* NAVIGATION *************************************************/ nav { text-align: center; padding: 10px 0; margin: 20px 0 0; }

nav ul { list-style: none; margin: 0 10px; padding 0; }

nav li{ display: inline-block;
}

nav a { font-weight: 800; padding: 15px 10px;
}

/************************************************* FOOTER *************************************************/

footer{ font-size:0.75em; clear: both; text-align: center; padding-top: 50px;

color: #ccc; }

.social-icon { width: 20px;
height: 20px; margin: 0 5px; }

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

gallery {

margin:0; padding:0; /removing the margin, padding and bullet points/ list-style: none;
}

gallery li{

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

gallery li a p {

margin: 0; padding: 5%; font-size: 0.75em; color: #bcd3c7; }

/************************************************* PAGE: ABOUT *************************************************/

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100px; }

/***************************** COLORS ******************************/

a { color: #ffffff; }

header { background-color: #6ab47b; border-color: #599a68; }

h1{ color: #ffffff; }

h2{ color:#ffffff; }

nav { background-color:#ffffff;

}