Responsive Club Website (CSS)

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

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

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

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

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

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

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

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

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

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

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

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

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

Hi Guys! :wave:

Just finished my site :slight_smile:

Live: Yoga Online CLub

GitHub: GitHub - aaamorek91/Peace-YogaOnlineClub

Take care :hugs:

1 Like

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.

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

Guilty! And thank you)

1 Like

I love yours!!! Great work!

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

Had fun making it! Thanks!

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

Thanks!