Build a Website Style Guide Challenge Project (HTML, CSS)

Thank you so much for the feedback. I think the problem I have is having 2 scrollers. If I could keep only inner scroller and get rid of outer screen scroller - it would resolve the problem of overlapping. But I don’t know how to do it.

Hi guys,

Welcome to visit my version and leave your feedback!
Website: Rita’s Website Style Guide
Github files: Project: a Website Design System

1 Like

I’ve managed to remove the second scroll bar, and on my computer it looks perfect. However, when I use developers’ Google Chrome tool, I can see that the heading is still overlapping with the main section. Surprisingly, it didn’t help even when I removed “position: fixed”.

I was reviewing your style.css file and I remember there was something else to leave the heading static. I did fork your repository and created a pull request. There you could see what I changed and review my request if you don’t like it.

Hello! I’ve finished my project. Here’s my files on Github:
My Website Style Guide
I would be grateful for your feedback)

Just finished mine but I didn’t follow the assignment strictly so I made it another thread. Check it out on the forums here :

or check it out on the Codecademy workspace here

1 Like

Hello everyone,
Here is my version of the Website Style Guide Challenge Project.

Code: GitHub - rajevesubnaik/Website-Style-Guide: Website design system
Live Site: Rajeve's Website Style Guide

This is my contribution to this challange:
The live website: a Website Design System
The project code: GitHub - Malobeid/Challenge-Project-Build-a-Website-Design-System

please give any feedback?

1 Like

This My work…
I hope inspired
Live Website : Website Design System
Source Code : GitHub - caturhidayat/website-design-system-starting: Codecademy : Challenge Project: Build a Website Design System


Wow this is nicely done! Lovely.

Thanks I really appreciate that :sunglasses: I know I have to fix the weird quirk with the comment section but I’ve been having me a week of tiny little details that need some attention.

Here’s my design system project. Any feedback is much appreciated!

[design_system/index.html at main · AngeloDiMauro/design_system · GitHub]

Hi All, please see my work. Any feedback is greatly appreciated.

Live Website: Website Design System
Source Code: GitHub source code


Hi all!
Here is my style guide!

Live page is here! (

Source Code is here! (


Hey folks! I’ve included my style guide as a github page here and source code is available here.

Of course, would greatly appreciate any feedback anyone may have. Thanks!


I like pastel colors.
Simple but colorful, hope you like it.

Build a Website Design System.
My source code : GitHub
GitHub-Pages : Live Preview



Here’s my Website Style Guide:

Code: Github - Calvinmarr
Live: Project - Style Guide

Happy coding! :slight_smile:


Hello Wonderful Coders,

Here’s my Style Guide Challenge project: GitHub - blackwidow28/Style-Guide-Project at master

I’d appreciate a code review and any feedback. Thanks.
Have a wonderful day.

1 Like


Here is my version of the style guide. Its basically a recreation of the sample with fonts and colours I chose. I also attempted to make it a little more responsive than the sample. For example, if the screen or window was very small width-wise the content on the website should still be somewhat legible.

The repo:

Click to see it live!

1 Like

Here is my take on the Style Guide

Live: Style Guide
repo: GitHub - joshuahutchinson26/webpagestyleguide

1 Like