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

Hello everyone! Please give feedback. Thank you
https://sodjac.github.io/starting/#text-styles

1 Like

This is cool, we thought it in a similar way. I really like how the backdrop filter styles the nav-bar. Ty for sharing!!

Here is my project with github pages
https://msanchezvasquez.github.io

Hi i completed the project Build a website style guide.

here is my result

Github: GitHub - Nevanxx/CodecademyBuildaWebsiteStyleGuide

1 Like

Hello,
Here is my Style Guide!

I enjoyed to make and be able to use in the future, including new styles and taking advantage of new projects.

1 Like

Hello,
Here is my Style Guide

https://sorin4u.github.io/Challenge-Project-Build-a-Website-Design-System/

1 Like

Your design looks very good.

Here is my Website Style Guide. Very basic for now, but I plan to continue adding to this in the future, and possibly use as a template when I start building larger projects to organize all the intended features. Please provide any feedback you have!

Code: GitHub - hosiern/website-style-reference
Rendered Webpage: Website Style Reference

Super nice! I love the modular look!

https://github.com/RubyA01/Challenge-Project-Build-a-Website-Design-System.git

I am trying to make a navigation system for my website, but for some reason the internal link to “Text Styles” isn’t working, even though it’s the same as the other two links. I don’t know if I’m just blind about a silly syntax error, or if it’s something I’m missing.

hello world!
In this project, I’m building a basic design system for a website. Essentially, it’s a website that will help me build more websites in the future! On this site, I’ll gather all the colors, fonts, and some of the repeating styles that I can use again.
visit and feedback

Hi hi.

Here is my website design system. It’s not perfect, and I will go through and clean up the code once I get more comfortable.

github: GitHub - IzumiYumi22/Website-design-sheet: I made a website design sheet for the challenge project in codecademy.

Please feel free to reach out with any feedback. :3

Hi here is my code. Made a little differently that was exactly asked, but it made me practice grid, flex, keyframes, responsiveness etc… I’d love to get some feedback on improvements I could make, so please feel free to comment! Thanks! :star_struck:

Here is my repo: (GitHub - Lucienapoli/CSS-Cheatsheat: This is a project to handle different CSS properties, grid, flex etc..)
And here is the live version: CSS Style Guide

Here’s my style guide. I thought it would be fun to try to match Codecademy’s page, so I based it off of that. The buttons under the logo bring you directly to each section.

Repo
Live page

Style sheet done, what a great learning curve… So many times I got the “class” names slightly incorrect. It was interesting to see how the correct naming convention helps with the css.