https://github.com/mtapirina/responsive-club-website

Responsive Club Website - Codecademy Challenge Project
https://github.com/mtapirina/responsive-club-website

codecademy-challenges codecademy-pro responsive-web-design

Last synced: about 1 month ago
JSON representation

Responsive Club Website - Codecademy Challenge Project

• Host: GitHub
• URL: https://github.com/mtapirina/responsive-club-website
• Owner: mtapirina
• Created: 2023-09-04T08:36:39.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-18T18:46:32.000Z (about 1 year ago)
• Last Synced: 2023-10-18T19:44:02.582Z (about 1 year ago)
• Topics: codecademy-challenges, codecademy-pro, responsive-web-design
• Language: HTML
• Homepage: https://mtapirina.github.io/responsive-club-website/
• Size: 2.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### responsive-club-website

# Responsive Club Website - Codecademy Challenge Project

__Project Goals__

In this project, I'll be building my own club group page that will dynamically respond as you adjust the size of your screen! ​

Possible responsive design concepts to demonstrate:​

* Making images toggle to certain percentages in terms of width after a certain minimum screen size.

* Using a @media rule to change page layout and behavior based on size breakpoints.

* Employing responsive units em and rem to size and space elements with width and padding.

* 

* ![aquatics-diving-club-site](https://github.com/mtapirina/responsive-club-website/assets/116927372/b92a31ad-782b-49d1-be89-7d1413e3200a)