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 Layout Basics CSS Layout Project Column Layout with Media Queries

Jake Ford
Jake Ford
9,230 Points

[Solved]I tried to re-create the best city ever site?

I tried to re-create the best city site from scratch by looking at the finished image. I just want to know what you guys think about it; whether it looks similar or not. Or anything that needs to be fixed, the responsiveness and what not!

http://jakefordesign.com/bestcity/index.html

5 Answers

Julie Myers
Julie Myers
7,627 Points

Nice job. I would use a different font for the text though. the current font is hard to read.

Besides fixing the big gap at the top of your web page on smaller screens, looks good.

Jake Ford
Jake Ford
9,230 Points

Thanks Julie, I do need to get rid of that big gap! Didn't even notice it at first. I'll also look for a different font. Choosing fonts is so hard lol!

Corey F
PLUS
Corey F
Courses Plus Student 6,450 Points

Other than colours and fonts being different.

One noticeable issue is the header isn't sticking to the top on mobile. There is a large purple gap.

Scrolling to the top of the page on an iPhone 6 you get this

http://imgur.com/WxCB0fE

I'm on my iPhone so I can't tell you what's wrong with the code.

Jake Ford
Jake Ford
9,230 Points

Thanks for pointing this out, I just noticed this on my S4 too! I'll have to check out what is causing the space.

Poul Larsen
Poul Larsen
5,902 Points

Nice colores. Responsive: Make the menu toggle - typical burger navigation (three stripes)

Like the color theme mabey use some more images and bootstrap framework

overall it looks nice

Jake Ford
Jake Ford
9,230 Points

Thanks! The hamburger button is something I do want to add. I've never tried bootstrap I'll look into it!

Jake Ford
Jake Ford
9,230 Points

I fixed the random space at the top on mobile view, it was some padding I had added for the fixed navbar. Thanks again everyone, very helpful!

colors dont blend well together and the font is a bit too much