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

HTML

Agustin Vargas
Agustin Vargas
10,896 Points
Posted by 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
PLUS
Mark Wilkowske
Courses Plus Student 18,131 Points
Mark Wilkowske
Mark Wilkowske
Courses Plus Student 18,131 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
Agustin Vargas
Agustin Vargas
10,896 Points

Dunno how I missed that. Thanks.

Mark Wilkowske
Mark Wilkowske
Courses Plus Student 18,131 Points
Mark Wilkowske
Mark Wilkowske
Courses Plus Student 18,131 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
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?