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

Giulia Bluestein
Giulia Bluestein
1,588 Points
Posted by Giulia Bluestein
Giulia Bluestein
1,588 Points

I would like to share my first project. Seeking suggestions, opinions, improvements.

Hello, dear community,

Thank you for opening this thread. I just made my first website. Very simple and basic, just to practice. So, I am looking for opinion and suggestions of how I can make this code better, or even this website looking better.

Welcoming anything!!!

[https://codepen.io/sweetjuls/pen/RqZxmW/]

2 Answers

David Moorhead
David Moorhead
18,005 Points
David Moorhead
David Moorhead
18,005 Points

Hello, Giulia,

Lovely, nice start on your website!

If I'm not mistaken, the page as you have it now is responsive, and I think that's a good thing.

Let's presume that some people who visit your site are, to a certain extent, visually impaired. Small and light colored text atop a light background color, like the beige and gold you've chosen, would likely prove unreadable. That would hold true for light gray text on white background, the combination of which is frequently but not always rated low scores by Chrome's Lighthouse audits. Sans-serif typography is better than cursive, too.

W3C provides a free validation service that will show errors in HTML code. W3C also provides another free validation service that will show errors in CSS code. Those services might be valuable to you.

For what it's worth, there's a debate online about use of em or rem for fonts. Frankly, I've chosen rem for font-size, and em for everything else except when a unitless measure is required for a particular condition.

Oh, let's not forget, a photograph or two as well as other images would be helpful content on your site.

Please show us more as you move along :smile: !

David

Michael Cook
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Michael Cook
Full Stack JavaScript Techdegree Graduate 28,975 Points
Michael Cook
.a{fill-rule:evenodd;}techdegree seal-36
Michael Cook
Full Stack JavaScript Techdegree Graduate 28,975 Points

Hey Giulia, looks nice! If you want to share the code and create a live demo for people to see using a more professional tool. I strongly suggest taking the Introduction to Git course: https://teamtreehouse.com/library/introduction-to-git Once you get to the last third of the course you will learn how to create a GitHub account and create a repository on GitHub (this is important for sharing code and projects with clients and potential employers). Once you have done that, you can then use something called GitHub Pages: https://pages.github.com/ to create a live version of your page. I recently did this for my own first project, which is a memory training web app: https://mcook0775.github.io/ Happy coding :)