Hello everyone! Here’s my solution to the ‘Challenge Project: Build a Website Design System’. Looking forward to hearing your kind feedback!
I’m done with this one
Biggest struggle for me was to make a nice and consistent system of naming div and other tag classes.
I am certain there is a way to make the code cleaner.
Also I was so proud of myself for finding a way to make the header + nav section to be positioned correctly (not overlapping the section text) when clicking on different nav buttons
Here’s my go at the Website Style Guide project. Had fun and learnt quite a bit.
Loved you site, how your nav tab size increased when you hovered over them, loved the buttons, and loved your site’s responsiveness.
Herewith my Website Style Guide challenge:
My responsiveness is non-existent in this project. I have tried several thing and in the end deleted all my attempts. Will build the next site with responsiveness from the start instead of trying to add afterwards.
Question: What is the rule in HTML for when to code Special Charters and when to just use it in the HTML code?
Hi all! Here is my cheat sheet project.
I am still struggling with display/positioning/margins/padding, etc., and would love to hear your input on how I could have done this better. If you have any tips for really grasping these concepts (when to use px, when to use 100%, when to use auto, etc.), I would love to hear them. I also had a really hard time centering the text in my circles, as you can see. Any tips there would also be awesome. Thanks so much!
Here’s my Website Style Guide project. It has changed and developed a lot as I’ve been working on in. The biggest changes were inspired by the previous posts of this group. Thanks very much for your contributions. I would be very grateful for any suggestions for improvement.
Here is my simple design system.
Simple Design System
Finished project live on Git hub pages.
it took a few hours and an amount of caffeine. i’m kind of satisfied with the final product but i think i have to focus on writing cleaner code. it looks like a mess. im open to any feedbacks.
In fact, every project, even a simple one, brings some kind of challenge.
I decided to make a footer on my website. It would seem that this is simple. But I spent about two hours to make footer appear at the bottom of the page. It was a real quest.
There is a lot of information on the Internet how to do this, but everything was spoiled by the fact that in my HTML document the header tag had the absolute position, and the body tag had the relative position and the offset down… That’s what spoiled everything, all the tips from the forums just didn’t work. So pay attention to this.
Here is the result: Styling Colors
Posting my project
My Website Design System Project
Hey all, here is my attempt at the Style Guide challenge.
Live Site: WebDev - Style Guide
HI! This is my Project: Build a Website Design System.
Site: My Website Design System
Explore my solution to the project by clicking the link below:
My Website Style Guide. With this one, I used display and positioning elements so I could get a better grasp on how each property work with the others. Definitely have a better understanding.