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.

HTML

Agustin Vargas
Agustin Vargas
10,896 Points

Mini website

Hi all. Let me start off saying that I love TreeHouse. I signed up a week and 4 days ago, and in that short amount of time I've went from beginner to not a beginner lol. I've learned a lot so far.

Here's my problem. I made a portfolio website. It's responsive, everything is fine. No JS yet because my site has been up for five days and I started the JS courses after that. Every once in a while when I visit my site from my phone, it's really small in the top left corner and the rest of the space is blank. It's like if I zoomed out 90%. If I refresh is goes away. What gives?

www.Agustinvargas.net

3 Answers

Mark Wilkowske
MOD
Mark Wilkowske
Treehouse Moderator 17,494 Points

Try moving <header>...</header> html inside the <body> where it should be. HTML page structure goes like this: <html> <head></head> <body></body> </html>

I always validate work I'm doing here: https://validator.w3.org.

Agustin Vargas
Agustin Vargas
10,896 Points

Dunno how I missed that. Thanks.

Mark Wilkowske
Mark Wilkowske
Treehouse Moderator 17,494 Points

One other thing, I'm seeing page load latency on desktop for any page request - 2 seconds on average. If you reduce the file size of the header background image, which is 8MB, that will help mobile too.

Agustin Vargas
Agustin Vargas
10,896 Points

I noticed that it loads slowly and I know I need to optimize but in the front end track there is a course on optimization so I was waiting until I reach and finish that course to do so. So I could learn to do it properly.

Edit: also how could I compress without losing img quality? I know I could use lossless compression but would it keep the same crispness?