Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ashwinangadi/responsive-web-design

# Responsive Web Design The languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design. All notes and codes are from https://www.freecodecamp.org/ assignments
https://github.com/ashwinangadi/responsive-web-design

Last synced: about 6 hours ago
JSON representation

# Responsive Web Design The languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design. All notes and codes are from https://www.freecodecamp.org/ assignments

Awesome Lists containing this project

README

        

# Responsive-Web-Design
### Responsive Web Design The languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design.
All notes and codes are from https://www.freecodecamp.org/ assignments

### Table of Content
01. [Learn HTML by Building a Cat Photo App](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/01.%20Learn%20HTML%20by%20Building%20a%20Cat%20Photo%20App)
02. [Learn Basic CSS by Building a Cafe Menu](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/02.%20Learn%20Basic%20CSS%20by%20Building%20a%20Cafe%20Menu)
03. [Learn CSS Colors by Building a Set of Colored Markers](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/03.%20Learn%20CSS%20Colors%20by%20Building%20a%20Set%20of%20Colored%20Markers)
04. [Learn HTML Forms by Building a Registration Form](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/04.%20Learn%20HTML%20Forms%20by%20Building%20a%20Registration%20Form)
05. [_**`Survey Form-Certification project`**_](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/05.%20Survey%20Form-Certification%20project)
06. [Learn the CSS Box Model by Building a Rothko Painting](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/06.%20Learn%20the%20CSS%20Box%20Model%20by%20Building%20a%20Rothko%20Painting)
07. [Learn CSS Flexbox by Building a Photo Gallery](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/07.%20Learn%20CSS%20Flexbox%20by%20Building%20a%20Photo%20Gallery)
08. [Learn Typography by Building a Nutrition Label](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/08.%20Learn%20Typography%20by%20Building%20a%20Nutrition%20Label)
09. [Learn Accessibility by Building a Quiz](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/09.%20Learn%20Accessibility%20by%20Building%20a%20Quiz)
10. [_**`Tribute page-Certification project`**_](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/10.%20Tribute%20page-Certification%20project)
11. [Learn More About CSS Pseudo Selectors By Building A Balance Sheet](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/11.%20Learn%20More%20About%20CSS%20Pseudo%20Selectors%20By%20Building%20A%20Balance%20Sheet)
12. [Learn Intermediate CSS by Building a Picasso Painting](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/12.%20Learn%20Intermediate%20CSS%20by%20Building%20a%20Picasso%20Painting)
13. [Learn Responsive Web Design by Building a Piano](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/13.%20Learn%20Responsive%20Web%20Design%20by%20Building%20a%20Piano)
14. [_**`Technical Documentation Page-Certification Project`**_](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/14.%20Technical%20Documentation%20Page-Certification%20Project)
15. [Learn CSS Variables by Building a City Skyline](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/15.%20Learn%20CSS%20Variables%20by%20Building%20a%20City%20Skyline)
16. [Learn CSS Grid by Building a Magazine](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/16.%20Learn%20CSS%20Grid%20by%20Building%20a%20Magazine)
17. [_**`Product Landing Page-Certification project`**_](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/17.%20Product%20Landing%20Page-Certification%20project)
18. [Learn CSS Animation by Building a Ferris Wheel](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/18.%20Learn%20CSS%20Animation%20by%20Building%20a%20Ferris%20Wheel)
19. [19. Learn CSS Transforms by Building a Penguin](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/19.%20Learn%20CSS%20Transforms%20by%20Building%20a%20Penguin)
20. [_**`Personal Portfolio Webpage-Certification project`**_](https://github.com/ashwinangadi/Responsive-Web-Design/tree/main/20.%20Personal%20Portfolio%20Webpage-Certification%20project)

### The Course has been completed