Responsive Club Website (CSS)

jen4r0 · September 22, 2024, 4:47am

Hi! I just finished my Reponsive club website, you can visit the website here or read the code.

jen4r0 · September 22, 2024, 4:57am

It looks great. I really like how you chose to use shadows and border radius to give it depth. I could not help but notice the website has an empty section rendered at the bottom, was do yo know what is causing it?

jen4r0 · September 22, 2024, 5:03am

Thank you for sharing, but could you please

upload the images you are using to your repo, and
deploy the website using Github Pages?

Just go to your repo’s settings and choose the main branch.

data0395210262 · September 24, 2024, 2:45pm

Hi, my responsive club website is completely imaginary, but all the photos are mine, so i guess i’m a little partial to photographing freight trains in a rural setting!

Live Site: Freight Train Photo Club

gist.github.com

https://gist.github.com/codecademydev/fca731c2adc65413ba7de4922b367598

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Freight Train Photo Club</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Kanit:wght@100;400&family=Matemasie&display=swap"

This file has been truncated. show original

styles.css



body { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;     
    font-family: "Kanit", system-ui; 
    background-color: brown;
    background-image: url(../images/FTPC\ logo.png);
    background-size: 35px;

This file has been truncated. show original

trsbobby · September 26, 2024, 6:20pm

Here is my site:
https://bobbyjgithub.github.io/VintageArtClubSite/
(view page source for code)

I think its pretty responsive and looks pretty too!

I used rem, %, media quireies, and flexbox.

bitace70565 · September 27, 2024, 7:00am

I made a badminton club website:

Website
GitHub

Feel free to let me know what you think

chip6553837768 · September 30, 2024, 4:45am

I thought it’d be cool to build a group page for a made-up Tabletop Role-Playing Game (RPG) club. It took awhile but I got it done! I added a “readme” document which explains in detail and tried my best to the this landing page as seamless as possible. You should be able to click a nav-link and be redirected to the corresponding section on a computer or mobile device. I used AI to generate many of the illustrations you’ll see, and Unsplash for staff photos. I checked the live site on my iPhone and I thought it looked pretty decent. Anyway, here’s my GitHub and a link to the live site. Be gentle

boxrcode · September 30, 2024, 1:44pm

Hello

here is my project. A football club for kids

I would appreciate some feedback.

enzodia · October 2, 2024, 9:36am

Just finished this and I’m actually proud of myself
The last project killed me but this took me a lot less time (3 days) and it’s alllll starting to sink in and make a whole lot more sense. YAY!

The margins are a little off on mobile view but I’m done with it lol any other constructive criticism is welcome

Live: The Hyperspace Hangout
Code: GitHub - enzodia1908/hyperspace-hangout: Responsive Club Website

lea.fgr · October 2, 2024, 5:46pm

Hello there!

All your projects are awesome, the progress is really showing up! Here is mine:

.- Tavern Swindler - Live.
.- Github repository.

Hope you like it. Let me know what you think!
See ya!

takudzwaronaldchingo · October 4, 2024, 10:30am

https://tkzee293.github.io/open-book-club/

My project is finally done. It was a good challenge. These challenges help in grasping the concepts. This is the live website for my book club website. I am looking forward to your reviews. It is fully responsive. With time, more improvements will be added.