Responsive Club Website (CSS)

Hi Robert

Thanks for your comments!

Yours looks great too! It has a really cool design and the resizing works very well.

I saw other people using classes for things… I used IDs for the different sections in my selectors.
Classes are probably better since you can make things modular and reuse what was written easier in bigger projects.
If anyone has feedback on what I did with my CSS, I’ll take it. :sweat_smile:

Responsive-ness was the main goal and this is definitely the most responsive site I’ve made so far. :smiley:

Stargazer’s Club Site
The Code

2 Likes

Hello everyone. So, here’s my newest project according to Flex and Media queries already.

Gist:

Github:
https://mricaldip.github.io/maumausflex.github.io/

Code:

So please, help me with some advices and improvements, I’ll be more than happy to know that :slight_smile: thank you everyone!

P.D.: I am just starting my Javascript rollercoaster road! wish me luck!

1 Like

Beautiful site. Well done. Everything is just so pleasant to look at.

Only suggestion I have is in mobile size the menu is a check box. For me, that isn’t understood to click. I find the hamburger or 3 horizontal lines are easier to understand to expand the menu. That’s just my preference.

Great Job!

1 Like

Yes! totally agreed! I will fix that in a later project! thank you so much though!

Hiya, just finish this crazy challenge!!! I have to say I dont love responsive layout just yet!!! And flexbox is still not my best friend, either. However, I made a huge progress I could not imagine two months ago, so proud of myself.

If someone wants to check, here you go:

Github page: Reading Club

Thanks, :slight_smile:
Kate

Hi,
here is my responsive website: Yoga Club.
Kind of similar to the example provided, changing the theme mostly.
Thank you.

Hi,
this is my take on the task/challenge. I do not know where the idea came from but I took it and ran with it after I found some incredibly cool images on the subject.
Feedback is greatly appreciated. I know I can use better HTML tags for readability but need to look into it a little bit more. I used allot of help from MDN and Stack Overflow and learned a huge amount of new stuff.

Here is the page: Spacejumpers

and here is the code: forgotMy.github.io/Spacejumpers at main · forgotMy/forgotMy.github.io · GitHub

I want to share these two sites on css shadows that I found while making Spacejumpers. They really helped me understand and learn but also to save time. I hope you will find them helpful.

I bid you farewell
/Anders

1 Like

My project

Great job! Very complex compared to mine. Looks like you have a clear understanding of all the subjects in the course and beyond.
Where do you get your images from?
How did you figure out the existence and use of the HTML element “hr” ?
Very cool, well done!

Hi and thank you! =)

I am not completely new to web development. But it has been almost 15 years since I last did anything with HTML and/or css and there are allot of new stuff to learn.
So the hr tag I had somewhere in the back of my head. I just had to do a search to remember the correct tag.

Images are from Adobe Stock if I remember correctly. I had like a hundred windows open with different image stock sites so I could be mistaken.

Have a nice day (night here in Sweden)

Hello guys, here’s my project in club website
Club-Website (ninocalim.github.io)

2 Likes

Here is my first go at the project was trying to do it from the perspective of an artist promotion agency had trouble with the media query’s could not tell if they work or not. GitHub - RubenMiramo/The-weekend

1 Like

https://s3918370.github.io/club/

I’m using more that three colours, although two are very similar as are another 2. I hope that’s not breaking the rules but I like this colour scheme

Wow! I really like the design!! Great Job!! :slight_smile:

1 Like

Finished the second project for the club page. I found it quite challenging to start with the smallest screen size and work my way up. The first project I started with the Desktop and worked my way down. Doing the opposite this time was my goal as I keep hearing mobile first design so I am focusing there. I wanted to do more the nav menu but just gave up on trying to get it to go all the way to the right. I feel that I accomplished the goal of practicing responsive design, definitely is a different way to approach websites. Open to any feedback, flexbox still confusing me a bit.

Repository:

Mobile 320px




Tablet 768px




Laptop 1440px



4k - 2560px



1 Like

Hello Everyone,

This is my project feedback would be greatly appreciated.
website: Body Studio
code: GitHub - Rlubin21/Body-Studio

Amazing site. Great job. The color pattern is really good and your design was well done.

1 Like

Here is mine!:

Website: Pokémon Club

GitHub: schnattiba1.github.io/pokemon-club at main · schnattiba1/schnattiba1.github.io · GitHub

1 Like

Thank you! I used https://colorhunt.co/ a site that was in one of the lessons and looked for a popular one. If I wanted to spend more time I could have made the logo better but meh, time to move on :slight_smile:

1 Like