This folder contains freeCodeCamp Responsive Web Design assignments.
- Cat Photo App
- Cafe Menu
- Colored Markers
- Registration Form
- Project(1) Survey Form
- Rothko Painting
- Photo Gallery
- Nutrition Label
- HTML/CSS Quiz
- Project(2) Tribute Page
- Picasso Painting
- Project(3) Technical Documentation Page
- Magazine Page
HTML tags give a webpage its structure. You can use HTML tags to add photos, buttons, and other elements to your webpage. In this course, you'll learn the most common HTML tags by building your own cat photo app. If you want solve this challange the link is here!
Go To (โ๏พใฎ๏พ)โ Website
My project Codes
CSS tells the browser how to display your webpage. You can use CSS to set the color, font, size, and other aspects of HTML elements. In this course, you'll learn CSS by designing a menu page for a cafe webpage. If you want solve this challange the link is here!
Go To (โ๏พใฎ๏พ)โ Website
My project Codes
Selecting the correct colors for your webpage can greatly improve the aesthetic appeal to your readers. In this course, you'll build a set of colored markers. You'll learn different ways to set color values and how to pair colors with each other. If you want solve this challange the link is here!
Go To (โ๏พใฎ๏พ)โ Website
My project Codes
You can use HTML forms to collect information from people who visit your webpage. In this course, you'll learn HTML forms by building a signup page. You'll learn how to control what types of data people can type into your form, and some new CSS tools for styling your page. If you want solve this challange the link is here!
Go To (โ๏พใฎ๏พ)โ Website
My project Codes
If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
This is how my project should look like
This is what I made ๐
Every HTML element is its own box โ with its own spacing and a border. This is called the Box Model. In this course, you'll use CSS and the Box Model to create your own Rothko-style rectangular art pieces. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
Flexbox helps you design your webpage so that it looks good on any screen size. In this course, you'll use Flexbox to build a responsive photo gallery webpage. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
Typography is the art of styling your text to be easily readable and suit its purpose. In this course, you'll use typography to build a nutrition label webpage. You'll learn how to style text, adjust line height, and position your text using CSS. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
Accessibility is making your webpage easy for all people to use โ even people with disabilities. In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
In this course, you'll learn how to use some intermediate CSS techniques by coding your own Picasso painting webpage. You'll learn about SVG icons, CSS positioning, and review other CSS skills you've learned. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
CSS Grid gives you control over the rows and columns of your webpage design. In this course, you'll build a magazine article. You'll learn how to use CSS Grid, including concepts like grid rows and grid columns. If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
If you want solve this challange the link is here!
My project Codes
Go To (โ๏พใฎ๏พ)โ Website
Made By โค