https://github.com/shanisoni/infosys-css

Embark on a CSS adventure! Explore fundamental components like: 🌈 Color Alchemy: 📐 Layout Wizardry: responsive layouts, Flexbox, and Grids ✨ Animations & Transitions: 🧩 Flexbox & Grid Chronicles: 🛠️ Troubleshooting Arsenal:
https://github.com/shanisoni/infosys-css

animations-css backgrounds boxmodelling colors flexbox-css flexbox-grid flexibility-modeling layout miscellaneous positioning responsivedesign selectors transforms transitions typography

Last synced: 11 days ago
JSON representation

Embark on a CSS adventure! Explore fundamental components like: 🌈 Color Alchemy: 📐 Layout Wizardry: responsive layouts, Flexbox, and Grids ✨ Animations & Transitions: 🧩 Flexbox & Grid Chronicles: 🛠️ Troubleshooting Arsenal:

• Host: GitHub
• URL: https://github.com/shanisoni/infosys-css
• Owner: Shanisoni
• License: gpl-3.0
• Created: 2024-03-04T17:38:44.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-16T03:28:25.000Z (8 months ago)
• Last Synced: 2024-03-16T04:29:16.581Z (8 months ago)
• Topics: animations-css, backgrounds, boxmodelling, colors, flexbox-css, flexbox-grid, flexibility-modeling, layout, miscellaneous, positioning, responsivedesign, selectors, transforms, transitions, typography
• Language: CSS
• Homepage:
• Size: 194 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# My CSS Learning Journey

Welcome to my CSS learning journey! 🚀 Here, I'll share my progress, challenges faced, completed projects, and future plans in the world of Cascading Style Sheets (CSS).

## Learning Progress

I've covered a wide range of CSS topics, including but not limited to:

- Box Model

- Flexbox

- CSS Grid

- Media Queries

- Transitions and Animations

- Positioning

- Selectors and Specificity

- and many more...

## Challenges Faced

Learning CSS comes with its own set of challenges. Some of the common hurdles I faced include:

1. **Understanding Specificity:** Managing specificity in CSS selectors was initially confusing but became clearer with practice.

2. **Responsive Design:** Creating fully responsive layouts required experimentation and adapting to various devices.

3. **Cross-Browser Compatibility:** Ensuring consistent styling across different browsers can be challenging, requiring careful testing.

## Completed Projects

Throughout my learning journey, I've successfully completed various projects to apply and solidify my CSS skills. Some noteworthy projects include:

1. [Project 1: Portfolio Website](link-to-project)

2. [Project 2: Login Page with Box Shadow Effect](link-to-project)

3. [Project 3: CSS Grid Gallery](link-to-project)

## Future Plans

Aspiring to become a Full Stack Developer, my future plans include:

1. **JavaScript Proficiency:** Dive into JavaScript to enhance the interactivity and functionality of my web projects.

2. **Backend Development:** Explore backend technologies to complement my frontend skills.

3. **Frameworks and Libraries:** Learn popular frontend frameworks like React.js and backend frameworks like Node.js.

4. **Database Management:** Gain proficiency in database management systems for building dynamic applications.

## Resources

I've utilized a variety of resources to aid my CSS learning journey, including:

- [W3Schools](https://www.w3schools.com/css/)

- [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS)

- [CSS-Tricks](https://css-tricks.com/)

- [freeCodeCamp](https://www.freecodecamp.org/)

Feel free to reach out if you have any questions or if you'd like to collaborate on a project!

Happy coding! 🌟