Responsive Club Website (CSS)

Projects Challenge Projects
#315

Thank you so much for your feedback!! I’ll definitely give that vertical nav section for mobile a try!! :smiley:
Cheers!

#316

Hi,

It’s a very simple website, but this is my take on this project:
Site: Knitting & Wine
Repository: GitHub - HappyRV/Club-Website: Codecademy - Responsive Club Website Project

What you think?
Gracias

#317

Hi!
Your site looks so good! Like a professional one :sunglasses:

PS. By the way, I’ve tried the hamburger menu on my responsive site (still in process). Not really an interactive one (nothing will happen if you will try to click on it), but it helps my header to look better on smaller screens. So, what is the secret:

  1. I found in Figma a set of icons on the community page. Found my perfect hamburger menu :ok_hand:

  2. In HTML in navigation I added a line:
    <img src=“image/menu/hamburger.png” class=“icon”

  3. In CSS:
    .nav img {
    display: none;
    } ----- so our hamburger is now not visible when the rest of the menu in the header looks like it supposes to do.

  4. and then in Media queries:
    @media only screen and (max-width: 992px) {
    .nav li {
    display: none;
    }

    .nav img {
    display: inline;
    float: left;
    }
    }

And you have a pretty hamburger when your screen is less than 992px (in my case)

So, yeah, just sharing my way to display menu right now:)

1 Like
#318

Hi Everyone!

Hope you are doing great and having an amazing time learning.

Please find my Code - X Club website in the link below.

https://lkkiselov.github.io/code-x-club/

Please let me know what you think and pass over your project if you wish my feedback!

Thank you.

1 Like
#319

Thanks so much for that info!! I feel like this will really add an even more mobile-friendly UI feature to any website. I really hope I’ll be able to try this for myself soon. :smiley:

1 Like
#320

Hi!

FINALLY! I finished this project :partying_face: :partying_face: :partying_face:

Live version
GitHub

The best part of any project is when you finally can close all million tabs in the browser :grin:

3 Likes
#321

The Demo
The Code

:upside_down_face: I made a mom club lol

I wasn’t especially inspired while starting this project and I got hung up a ton on image-sizing, flex properties and the like… but I got it to be responsive and I’m ready to be done with it! :joy: It’s not quite as clean and professional as some other projects I’ve seen on here, but I feel pretty good about it for being my second fully-responsive project.

It’s funny, every time I start feeling confident with CSS, I get humbled real quickly having to Google fundamental stuff left and right. Anyone else? I gotta go easy on myself, I only started learning in February.

1 Like
#322

Hey!

I tried to keep this one quite simple. Found motivation hard going straight from one external css project to another but I guess practise makes perfect right! I think I will be dreaming about flexbox for the next few weeks :sweat_smile:

Ended up playing around with a bookmark Font Awesome icon for the event-tabs which was fun. Other than that I’m looking forward to moving on with some java-script classes now.

Live site
GitHub repo

Open to some feedback!

Thanks
N

4 Likes
#323

Hello! My name is Paul Bakeman from Richmond, VA, and here’s a simple solution to this project…an old school Atari fan club. Here’s the link:

https://pandmbake.github.io/atari/

Any feedback would be welcome! I do have one crazy issue that I can’t for the life of me figure out…somehow the entire page is acting like a link to the “#contact-section” area! Any ideas? It must be something to do with the way I set up the link in the navbar in the HTML? I’m also having issues with some of the text overflowing the grid boundaries when I shrink the browser size. Thanks,

Paul

#324

Hi guys,

Leaving here my GitHub website and code.

site: https://risacari.github.io/responsive-club-starting/

code: GitHub - risacari/responsive-club-starting

I look forward to hearing from you.
Best regards,
Ricardo

1 Like
#325

Hi Folks,

There are some amazing website designs here. I feel inspired!
I finally finished mine: Responsive Club site.

I look forward to hearing from you
All best wishes
Helen

1 Like
#326

Hey everybody!

This was a ton of fun as also the subject itself of the website was super interesting.

I chose to make a website for my future imaginary gym.

Website: Thors Strength Club

2 Likes
#327

Hahaha, this is too true. The satisfaction of closing tabs on a Friday evening is amazing :smiley:

Are you a designer by trade? This site looks visually great! A really nice job.

1 Like
#328

Hi Guys! :wave:

Just finished my site :slight_smile:

Live: Yoga Online CLub

GitHub: GitHub - aaamorek91/Peace-YogaOnlineClub

Take care :hugs:

1 Like
#329

Hi, nice job! I like the fact that your nav-menu are fixed at the top so users can navigate the website. Also, your website resizes for various pads and phones.

#330

Here is my Responsive Club Website :smiley:
GitHub repository
GitHub Pages

#331

Guilty! And thank you)

1 Like
#332

I love yours!!! Great work!

#333

Here’s my Responsive Club Project: GitHub - jeffbalagosa/responsive-club-project

Had fun making it! Thanks!

#334

Hey, I’ve finished my Club Website you can check it out here GitHub - hugoulloa89/Challenge-Project-Responsive-Club-Website

Thanks!