Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Why is my css file opening like this? Just columns and rows of letters and numbers...

8950 4e47 0d0a 1a0a 0000 000d 4948 4452 0000 03e8 0000 00c8 0806 0000 007b e7cb 4f00 0005 0849 4441 5478 9ced d7d1 0942 4110 04c1 7726 2e46 7e26 3160 8355 012c cbfc f5b9 cff3 79fe ddbd efe9 bd73 6c6a d33d 9bee d974 cfa6 7b36 ddb3 e99e 4df7 6cba 67d3 3d9b cebd 7efd 0000 0000 20d0 0100 0020 41a0 0300 0040 8040 0700 0080

3 Answers

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Hi Sara,

That's what is usually displayed when we open an image file in a code editor. Is this a CSS file you authored? Make sure that you didn't accidentally overwrite the orignal CSS, or maybe an image file extension was accidentally changed to .css?

Hi Guil,

Thanks for your response. I am quite new to design so this has been frustrating. This file was a grid that I generated from gridulator.com. The site automattically forms this file as a png - and I saved it as a css because thats what I need. I pretty lost at this point. Any pointers would be much appreciated! :)

Thanks again

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher

Ah, so it was an image :)

The png file gridulator exports is for you to use as a guide in your design – it doesn't actually give you CSS to work with. Have you watched Nick's series yet on building a simple website?

His downloadable assets include the CSS grid you'll need to get started.