Colmar Academy - First project feedback appreciated

Hey

I’ve just finished the Colmar Academy Project from the “Build a Website with HTML, CSS, and Github Pages” course. It’s my first live website and took about a week to complete. I would really appreciate some feedback…

Colmar Academy Site: Colmar Academy
Git repo: GitHub - nataliejade9/colmar

My brief explanation
I initially started with the dark green colour as it seems to be “in” at the moment. Then I went with a colour scheme of secondary colours (green, orange and purple) so that the colours complimented each other. Although the purple appears more as a lavender grey to give the website a professional feel.

I used Flexbox to create the responsive layout. This is the area I struggled with the most and would like to keep practising. I used some hover-over effects to make the website more interactive.

Thanks in advance,
Natalie

1 Like

Nice work.

Issues

  • div.container-left.article in div.main-banner skips heading levels. Usage note.
  • The button.start in div.banner and the h2 in div.thesis-title do not meet the contrast requirements. WebAIM Contrast Checker. Combining the existing colors should be enough.

In Chrome DevTools, Lighthouse can be used to detect issues in the web page. My version of the project has a very similar score, and it skips headings too. We might be able to fix that as we learn more.

1 Like

Thank you for the feedback, it’s really useful as I didn’t know there were contrast requirements. Yeah I agree, hopefully it will be easier to fix as we learn.

Happy coding :grinning:

1 Like

Nice job! Yours is my favorite out of the ones I’ve seen. It looks very clean and transitions from desktop to mobile smoothly without any oddities. Basically it looks and feels like a professional website.

The font-size you use in the “event-tab” in the “main-banner” section is a little on the small side, though

1 Like

Thank you, that’s very kind!
Yes, I know what you mean about the font. I got to the point where I couldn’t tell if it being smaller was better or worse :joy: so your feedback really helps.