Responsive Club Website (CSS)

Projects Challenge Projects
22

Great job! :slight_smile: It’s ok, even after years I often (not always) start new topics by copying, pasting, and tinkering with the results.

For refinement I’d say consider the color scheme (particularly colors that don’t mesh well) and getting alignments more in place (particularly vertical alignment of text).

Thanks for sharing!

23

Hi everyone,

Finally got my first code on GitHub! :joy:

Here’s my demo
and here’s my code!

Decided to go with a simple design and use a dummy text :slight_smile: Let me know what you think!

16 Likes
24

Thanks for the advice! And yes, especially alignments drove me mad :sweat_smile: But all in all I’m quite happy with it.

25

Check Kevin Powell’s youtube channel. It’s an incredible resource for learning effective css and he makes it easy.

1 Like
26

Thank you, I’ll check it out!

27

First post. I used semantic html5 for this (no divs) but other than that…pretty basic.

28

Hi this is my go at a responsive page. Could have done more with image resizing but they weren’t so big anyway :slight_smile:

appreciate any comments

Carl

1 Like
29

Finally got it :slight_smile:

code-club

4 Likes
30

Hey, how can I find the https link in my Github to share with everyone?

31

Hello Everyone!!
This is my responsive club(CSS) Project.
Any comments will be really appreciated.
Thank you!!

32

I am glad to share my version of the project.
Any feedback is welcome.

DreN-Club

Code

33

It’s not the cleanest but I’m getting the hang of it…see it here

34
36

Preview of the site here! Shiba Inu Club!

1 Like
37

Maybe the colors are kinda too much, but i tried to make it look good :sweat_smile:

Prophets Stories Club

38

Hello everyone,

Had a hard time with this one, tried to do something about a fountain pen club, but I just couldn’t get it right. Any tips for how can I design a good color scheme for a website? Also what else did you guys change with media queries except navigation layout and the aside content?

Live website: https://codefighter2000.github.io/Penproject/
Code: https://github.com/CodeFighter2000/Penproject

Gl & thanks!

39

A little info on my gym haha.

40

Here my responsive web :slight_smile:

Code

Demo

41

Here’s a link to my CodePen that holds my project. I completed it on VS code and just copied and pasted the necessary attributes here. If anyone is interested in the full code I can reply again with my GitHub repository once I make it.

Also I used a reset on mine so my own CSS starts at line 495 (Yes the reset code is quite long lol. In my original it has it’s own file but I don’t think I can have two CSS areas on CodePen unless I pay extra.). I got quite carried away with mine as well, I’m hoping it’s something I could potentially add to my portfolio after some more revising.

Link:

1 Like
42

Hello all,

Here’s my Responsive Web.

The issues with my site can be viewed here.

(I had an issue with the background images due to have to move some files around from one folder to the other and uploaded to GitHub. That caused the background image to not load. Instead of using a web address or a relative path to the local image, I fixed it with copying the full path from the local image. That allowed the background image to load.)

Responsive Web GitHub Code

Responsive GitHub Web Page

I would love to get your open and honest reviews on my page. Thank you!

1 Like