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 CSS Foundations Web Typography Text Layout and Readability

Posted by James Delaplain
James Delaplain
5,872 Points

http://www.blackestate.co.nz/ beautiful & Broken

I wanted to pull up the site and its a Mess, isn't it possible these days to mess up a website with a developer console? Looks like it, Is there security to consoles?

3 Answers

Nejc Vukovic
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points
Nejc Vukovic
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points

Well I don't know if you could make a mess with a console.

If you have the paths and access to the server the site is sitting on then you could mess up things.

But just by openning a site and adding css won't work, since the files cannot be saved and the changes are erased when the page is refreshed.

Is this your site?

Nejc Vukovic
.a{fill-rule:evenodd;}techdegree seal-36
Nejc Vukovic
Full Stack JavaScript Techdegree Graduate 51,574 Points

Sry just saw that you are following the video.

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

It looks like a css issue to me. You can see the css by viewing the css link from the developer's console. It is compressed, so you want to paste it into the code beautifier site to see it formatted. The site says there are a number of errors in the css. I don't know if any are fatal as I didn't study it that closely.

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

here are the errors:

Invalid property in CSS2.1: zoom
Invalid property in CSS2.1: -webkit-text-size-adjust
Invalid property in CSS2.1: -ms-text-size-adjust
Optimised font-weight: Changed "bold" to "700"
Invalid property in CSS2.1: _font-family
Invalid property in CSS2.1: word-wrap
Optimised number: Changed "-0.5em" to "-.5em"
Optimised number: Changed "-0.25em" to "-.25em"
Invalid property in CSS2.1: -ms-interpolation-mode
Optimised color: Changed "#c0c0c0" to "silver"
Invalid property in CSS2.1: -webkit-appearance
Invalid property in CSS2.1: box-sizing
Invalid property in CSS2.1: -moz-box-sizing
Invalid property in CSS2.1: -webkit-box-sizing
Invalid property in CSS2.1: behavior
Optimised color: Changed "white" to "#FFF"
Optimised font-weight: Changed "normal" to "400"
Invalid property in CSS2.1: -webkit-transition
Invalid property in CSS2.1: -moz-transition
Invalid property in CSS2.1: -ms-transition
Invalid property in CSS2.1: -o-transition
Invalid property in CSS2.1: transition
Optimised shorthand notation (margin): Changed "0 0 0" to "0"
Invalid property in CSS2.1: opacity
Optimised color: Changed "black" to "#000"
Optimised shorthand notation (margin): Changed "0 0" to "0"
Invalid property in CSS2.1: background-size

EDITED to format errors

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

I just played around with the console and can make changes to the css. It looks to me that one of the issues is the inheritance order. The site cannot be messed up with the console. That only makes temporary local changes.