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: CGregersen.github.io/styleguide at main · CGregersen/CGregersen.github.io · GitHub

3 Likes

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.
Regards
Artur

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

Live

Code

:sweat_smile:

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!!!

https://uncolouredcolors.github.io

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!

Cheers,
Charlie

Here is the page itself Web Design System

1 Like

Here is my solution for Website design system project.

Live: https://62e18c107216f012a7887526--tiny-mousse-3e65c0.netlify.app/
code: GitHub - alisajadmedia/website-design-systeme

2 Likes

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

4 Likes

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 (petsek.github.io)
Source code: petsek/Website-styling (github.com)

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.

https://jesspetrillo.github.io/codecademy-design-system/

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/Websitedesign.github.io: 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

4 Likes

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