Utilize your Responsive Design knowledge to create your ideal MeetUp group! Your page should look clean and crisp - regardless of the screen size!

To complete this project, you should have completed the Codecademy [Responsive Design course](https://www.codecademy.com/learn/learn-responsive-design), or the same lessons in the [Learn How to Build Websites Path](https://www.codecademy.com/learn/paths/learn-how-to-build-websites).

In this project, you'll build a webpage for a local club. You can base it on real-life organization you belong to or make one up! You'll get to choose everything about your page: the club name, the page layout and styling, any images that you want to use, and more! You can check out our [example site](https://content.codecademy.com/PRO/independent-practice-projects/responsive-club-site/example-site/index.html) for some inspiration and experiment with what elements are responsive. We'll provide the full code for this site in the solution section at the end of this project.

A helpful resource for finding beautiful images for your sites is [Unsplash](https://unsplash.com/).

Your project should demonstrate many of the responsive design tools you learned. In our example project, we use percentages and relative units, such as `em` and `rem`, in our CSS to size and position page elements. We also made our website responsive by incorporating media queries to resize elements based on the size of the 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`.

Great work! Visit [our forums](https://discuss.codecademy.com/t/responsive-club-website-css/462382) to compare your project to our sample solution code. You can also learn how to host your own solution on GitHub so you can share it with other learners!

Remember, this is just one possible solution. Your own project may be coded totally differently, have more or less content, and look totally different! We're providing our solution for you get a sense of one way to use responsive units and media queries to affect page layout. There are multiple ways to solve these projects, and you'll learn more by seeing others' code.-

Challenge Project: Responsive Club Website

ENDS 12/4: Get 50% off your Pro annual membership using code [CYBER23](https://www.codecademy.com/checkout?periods=year&plan_id=proGoldAnnualV2&discountCode=CYBER23)
