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

Even if I don’t like the global design, I think it is nice one.
I don’t see all the colors…
But I like that you used linear-gradient for the opacity to give a nice effect.
Would have been nice to make it a bit more reponsive.

Hi everyone, here is my solution. Any feedback is welcome, thanks in advance!

Thanks!

I wrote the code before taking my modules on responsive design - definitely will use in the next projects. I am a rubbish designer but I really like the linear gradient effects, too.

Brick generator is fun and I like your choice of fonts

Here is a completed version of my problem. Any feedback would be highly appreciated.

my design guide I hope you like that I code it with html and css with revision some projects in the class using google chrome Dev tools


I am waiting your opinions and advises

https://github.com/MHamwi/My_Design_Guide_test.git

1 Like

My Style Guide:

2 Likes

My style guide
Feel free to comment/point out mistakes

1 Like

Hello guys!
This is my submission for the project :point_right: https://github.com/explorerforlife/webdesignlayout
Please give feedback if you see it, thanks!

1 Like

Hi,
Just starting learning how to code.
Here the link for my first project:


I will need to make this code more responsive but it is a start.
Thanks

Hey everyone ! I decided to put in most of what I’ve learned from the web development course til now in this project. Also I wanted to make a consistent look for all elements :slight_smile:
*Note: I had a banner image but removed it in case its copyrighted *

This is the link to Github. And good luck to everyone in their learning process. :smiley:

Nice clean design!

The code you use is very neat - semantic html, clear sections, html tables. I really like it.

1 Like

Nice design! I like the clarity of the code and reset section in the beginning of your css.
Why did you use data tag to display your colours?

P

Clear html code. Did you consider adding a header or navbar?
I am not sure if groove style border works well with border-radius.

P

thanks for your encourage words :slight_smile:

Can some body look at my code and tel me how look like?

It took me some time but it was worth it! Here it is! I have only used course material up to the Typography lesson. The 3 extra things I did was google for that gradient on the “The Palette” heading, the :hover CSS attribute for the navigation bar and the static background.

Live Version: Here

Repo: Here