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

Awesome, thanks for the info :slight_smile:

Here is my version of a Website Style Guide. I decided to choose a photo I liked and use it as inspiration :slight_smile:

Live: Website Style Guide
Code: at main · CGregersen/ · GitHub


Here’s my attempt. Struggled a bit to get everything aligned so ended up eye-balling it. Will take a look through some of the projects on here to see if I can find a better way to do this!

Here is my Website Design System page.
Here’s the code repository for it.

1 Like

Hi All,
please find my minimalistic version of this project here.
Any feedback appreciated.

Hi lovelies!
Here’s my version of the project, please give me some feedback?




1 Like

Hi all!

Here’s what I did! Simple layout but found it hard :smiling_face_with_tear:
LMK what you think of it and if the code makes any sense! Thanks!!!

1 Like

Hi all,

Just had a stab at this one - what do people think? I started last week and have been trying to work through the path daily.

I’m also trying to get into the habit of sharing my workings and asking for feedback/ learning from others on here. Apologies if I’m posting in the wrong place!

Here is a linke to my code on GitHub:

Any interactions welcome ha!


Here is the page itself Web Design System

1 Like

Here is my solution for Website design system project.

code: GitHub - alisajadmedia/website-design-systeme


I chose a photo from one of my favorite movies as the inspiration for this project! Any feedback on my code is appreciated, this is still a work in process :slightly_smiling_face:

Live: Website Style Guide
Github: GitHub - beckysulley/website-design-system: Codecademy Curriculum – Challenge Project: Build a Website Design System


This is the link to mine, though I feel like it’s the work of an amateur quite honestly.

Hi all,

Here is mine:
Live version: Rubik’s Cube Style Guide (
Source code: petsek/Website-styling (

1 Like

Hi guys,

here’s my solution to the Design Sytem project. Pretty simple but I’m proud. I might keep improving as we progress.

I’m current 12% in the Full Stack Engineering Track

1 Like

Hi All,

Here is my live website design page: Website Design

Here is my my github page for the HTML/CSS files: GitHub - HassanMusa92/ Design of a Website

Simple and clean, nice design

Hi everyone!

I’m 15% on the front-end career path.

Here’s my project result: Web guidelines

I tried to add auto-copy to the color codes but it’s JS so I wasn’t able to (yet).

Files: codecademy/project3 at main · fjosue4/codecademy · GitHub


I would change the a/button order to make it clickable not just the text:

<a href="#fonts"><button class="home-btn">Fonts</button></a>

1 Like

Thanks for feedback bro.
Also I’m on 26% Front-end engineer if you want to pair programing with me I’m available.
We can learn together work together and complete together.

1 Like