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

Good day great minds

Find below my attempt. I am open to advice, recommendations, and all to make me better.

https://www.codecademy.com/workspaces/6481fa4546ef98cca288a5fa

Thanks

I’m really impressed by the design work here! I’m new to this so mine is quite simple but I learned a ton working on this project. I’m open to feedback if you have any :blush:

Github

Hi everyone! Here is my take on a Website Style Guide. I pretty much copied the format kindly provided by the course makers except for the content like fonts, colors, ect. I have mostly used the technics explained in the previous modules and experimented a bit with the looks. Retrospectively, I can say that the pick of fonts was not definitely the best, but it conveys the meaning. Feel free to comment on that, any contribution will be highly appreciated.

Hello, please see my solution for the Website Style Guide. I really struggled (like hours) to create the live code for gitpages.
I’m really enjoying this new learning process, and look forward to your suggestions.

Live link:
https://alexrxchards.github.io/Website_Design/

The Code:

Alex

I do not think using negative pointers is a bad practice so far it fulfils the design layout you aim for.

Hey! Your project is wonderful being a beginner. However, I believe you would have made your web design system better assuming you used the breadcrumb style. Howver, you did great.

Here is my website style guide~

I made one for the site I already have online -
https://punkfairie.net/styleguide/

Hi everybody,

Here is my solution to this project.

https://gist.github.com/McNulty72/8c49a1db7ebbf02e4bc5687ad3cb11e4

Any comment or suggestion would be highly appreciated.
Thanks in advance

Hello. My simple design system project is accessible here.

code- GitHub - eunjistewart/design-system

live- Design System

Thank you so much for checking it out!

Hi everyone!
This is my attempt

Hi,

Great works here! This is my project if you want to check it out.

Design System Repository

Design System Site

Cheers!
Esa

My website style guide code

Here is my website live site

Live site :wave:

This is my website style guide project for the HTML and CSS course. I borrowed the idea from another student, so there is nothing special about it, except for the mobile interface. I hope you can give me some feedback and evaluation. Thank you.

Hi, guys!

Here is my website.

Here is the link to github repository.

Feel free to leave comments how to improve the page :blush:

1 Like

Hello Team,

I just completed the website design system project. Below are the link to both the deployed pages and the code on Github respectively.

https://ofras99.github.io/WebsiteDesignSystem/

GitHub - Ofras99/WebsiteDesignSystem.

Hope to get feedback from you.

Thank you.

Hey everyone! Here’s my completed Design System project:

Thanks for checking it out! :blush:

1 Like

Hello happy coders,
Here’s my Design System Project:

* Live Project

* Code on Github

Any feedback would be wonderful.
BW

Great site, I love the colours and it’s so simple and thorough. Love the boxes to house the styles too. Well done!