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 
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
so your feedback really helps.