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

:glowing_star: Hey everyone!

I just wrapped up a small front-end project — a Website Style Guide with colors, fonts, buttons, breadcrumbs.
It was a great way to practice structure and reusable components.

:link: Check it out

Would love your thoughts!

1 Like

Hi!

I love the way you formatted the site. It’s easy to navigate and very well organized. Also, the subtle shadows are very nice for distinguishing the different elements on the website.

My feedback would be that it is kind of hard to see the initial shape of buttons on the landing page and beyond. It took my eyes a few seconds to distinguish the shadow surrounding it. I think making the shadow a bit darker, or giving the button a thin outline, will help emphasize them better. On the other hand, the active state looks amazing and so does the website as a whole! :raising_hands:

Here’s my style guide! The hardest part was getting my page to look decent on different screen sizes. It took me a few days, but I learned a lot, so I’m happy. I definitely should come back after I finish the flex box section, as I’m finding out it will save me plenty of headaches.

here is my website: Website Design
as i am new to html and css, i made it similar to the basic example provided in the project

Here is my Website style Guide: GitHub - Amarciuk/Website-style-guide-project. If you do follow this link to github then please change from main branch to master to view it. Thank’s.

and Live at :Website style Guide

Thank you for dropping by: Any feedback welcome

can find pls help, also i cant understand how to share from github why every little thing has to be complicated?