Responsive-Web-Design

A collection of projects and exercises completed as part of the Responsive Web Design certification from freeCodeCamp. This repository showcases hands-on implementations using HTML and CSS—from basic structure and styling to advanced techniques like Flexbox and CSS Grid for building responsive layouts.

---

Table of Contents

1. Introduction
2. Projects
3. Certification Projects
4. Installation

---

Introduction

This repository serves as both a learning resource and a portfolio for responsive web design. It covers key concepts such as:

• HTML structure and semantics
• CSS styling and layout
• Responsive design principles
• Modern CSS techniques including CSS variables, Flexbox, and CSS Grid
• Accessibility best practices

---

Projects

Learning Modules

1. Cat Photo App
2. Cafe Menu
3. Colored Markers
4. Registration Form
5. Rothko Painting
6. Photo Gallery
7. Nutrition Label
8. Quiz
9. Balance Sheet
10. Cat Painting
11. Piano
12. City Skyline
13. Magazine
14. Ferris Wheel
15. Penguin

Each folder contains the following:

• HTML and CSS files for the project
• Screenshots or output examples
• A brief description of the project and the techniques used

---

Certification Projects

The following projects are part of the final assignments required to earn the Responsive Web Design certification:

1. Survey Form
2. Tribute Page
3. Technical Documentation
4. Product Landing Page
5. Portfolio Webpage

---

Installation

1. Clone the repository:

   git clone https://github.com/roshan076/Responsive-Web-Design.git