reksford/colmar-academy-project

Codecademy Website Intensive Project 3

colmar-academy-project's Issues

Colmar Academy (BWS)

Criteria 1: HTML is structured to reflect the grouping, flow, and positioning of content.

• Score Level: 4
• Comment(s): HTML implementation enables proper use of media queries. HTML structure reflects the grouping and flow of content in the web browser.

Criteria 2: Layout for desktop and mobile

• Score Level: 3
• Comment(s): Desktop AND mobile layouts match the wireframe in most sections.

Criteria 3: Responsiveness using media queries and responsive units.

• Score Level: 4
• Comment(s): Media queries kick in at appropriate breakpoints. Responsive units are used throughout.

Criteria 4: Accessible color palette, typographic decisions, and CSS transitions to make a visually accessible and interesting web page.

• Score Level: 3
• Comment(s): A color palette was chosen AND typographic considerations were made.

Overall Score: 14/16

Overall, excellent work on this project! You did a great job in all aspects of the project, from keeping your code and project contents organized to implementing the specification. Very well done! I thought the website looked clean and you definitely put a lot of time making sure the styling for everything looked, while also keeping it very responsiveness.

You did a good job placing the video on the webpage as asked in the specification. However, perhaps you might want to try making it autoplay upon loading the page, with the video controls removed. I think that would add a nice touch to your website. Of course, this isn't explicitly specified in the spec, but seeing as how you did a great job following the spec otherwise (while adding your own customizations), it might be something extra that you could do. It's completely up to you though!

In addition, good work using HTML5 elements such as header, nav, and footer in your project! Consider also using other elements such as main, section, and figure. Using these kinds of HTML5 elements can really help the readability of your HTML and make the webpage more accessible, while also reducing the reliance on div tags.

With regards to the mobile layout of the page, I thought it looked good overall, however, when I resized the page to a certain point, the icons for the navigation looked a bit large compared to the other elements of the page. If you could work to make those appear smaller then I think it would make the mobile layout even better.

Finally, if you want to expand on the styling even more, try adding CSS transitions!

Good work overall! I hope you enjoyed the course!