Update README.md

Author: mounikaperi

README.md

@@ -1 +1,40 @@
-# css-project-assignments
+## ⭐ CSS Practice Projects ⭐
+This reppository holds all CSS based projects for practice.<br>
+<br>
+
+## 📌 Tech Stack
+[![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](https://github.com/mounikaperi)&nbsp;
+[![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)](https://github.com/mounikaperi)&nbsp;
+[![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](https://github.com/mounikaperi)
+<br>
+<br>
+## 📌 Overview
+**YouTube URL:** <a href="https://youtu.be/kSLj3TD4J3o" target="_blank">**Watch Now** 🚀</a>  
+<br>
+
+
+## 📌 Learnings and Insights - What have I learnt?
+## Web design principles 
+         👉 Implementing Typography
+         👉 Implementing Colors
+         👉 Images and Illustrations
+         👉 Shadows, border-radius, whitespaces
+         👉 Visual Hierarchy
+         👉 UI=UX Rules
+         👉 Website Personalities Framework
+## Components and Layout Patterns
+         👉 Building an Accordion
+         👉 Carousel Components
+         👉 Table Component
+         👉 Building a Pagination Component
+         👉 Building Web Application Layout
+         👉 UI=UX Rules
+         👉 Website Personalities Framework
+ 
+👉 Build Website from Scratch using HTML, CSS and JavaScript<br>
+👉 Making the website responsive for various devices(desktops, tablets, mobile devices) using responsive units and media queries<br>
+👉 How to optimize the website for production.  <br>
+👉 Testing performance of the website using Lighthouse.<br>
+
+## 📬 Connect With Me
+- **LinkedIn** - [Sai Mounika Peri](https://www.linkedin.com/in/saimounikaperi/)