https://github.com/yashksaini-coder/codepen

💻This repository contains a collection of fun little web development codes 🌐✨.
https://github.com/yashksaini-coder/codepen

bootstrap css html html-css-javascript javascript learn web web-design

Last synced: 5 days ago
JSON representation

💻This repository contains a collection of fun little web development codes 🌐✨.

• Host: GitHub
• URL: https://github.com/yashksaini-coder/codepen
• Owner: yashksaini-coder
• License: apache-2.0
• Created: 2024-06-24T14:58:56.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T03:02:53.000Z (9 months ago)
• Last Synced: 2025-04-11T14:59:48.164Z (2 months ago)
• Topics: bootstrap, css, html, html-css-javascript, javascript, learn, web, web-design
• Language: HTML
• Homepage: https://codepen.io/yashksaini
• Size: 7.45 MB
• Stars: 22
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


   


  [![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:[email protected])

  [![Github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/yashksaini-coder)

  [![Medium](https://img.shields.io/badge/Medium-12100E?style=for-the-badge&logo=medium&logoColor=white)](https://medium.com/@yashksaini)

  [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/yashksaini/)

  [![Bento](https://img.shields.io/badge/Bento-768CFF.svg?style=for-the-badge&logo=Bento&logoColor=white)](https://bento.me/yashksaini)

  [![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white)](https://www.instagram.com/yashksaini.codes/)

  [![X](https://img.shields.io/badge/X-%23000000.svg?style=for-the-badge&logo=X&logoColor=white)](https://twitter.com/EasycodesDev)





 



| No.| Project Name| Link    |

| ---|:------------:|-------:|

| 1  | CSS Combiners|[🔗](https://codepen.io/yashksaini/pen/dyEKPQN)|

| 2  | CSS Positioning|[🔗](https://codepen.io/yashksaini/pen/oNRyXJd6)|

| 3  | CSS India Flag|[🔗](https://codepen.io/yashksaini/pen/MWdXeYp)|

| 3  | CSS Display|[🔗](https://codepen.io/yashksaini/pen/LYorZGJ)|

| 4  | CSS Float|[🔗](https://codepen.io/yashksaini/pen/gOJKMRO#)|

| 5  | CSS Media Query|[🔗](https://codepen.io/yashksaini/pen/QWRPzeo)|

| 6  | Web Design Agency project|[🔗](https://codepen.io/yashksaini/pen/xxNeMLr)|

| 7  | Flexbox Display|[🔗](https://codepen.io/yashksaini/pen/mdYgvav)|

| 8  | Flexbox Direction|[🔗](https://codepen.io/yashksaini/pen/MWdRLdp)|

| 9  | Flexbox Pricing Table Project|[🔗](https://codepen.io/yashksaini/pen/YzboKOa)|

| 10 | Grid Display CHessboard|[🔗](https://codepen.io/yashksaini/pen/MWdNwMw)|

| 11 | Mondrian Painting Project|[🔗](https://codepen.io/yashksaini/pen/XWLWYEO)|

| 12 | Bootstrap 101|[🔗](https://codepen.io/yashksaini/pen/QWXWxXx)|

| 13 | Infinite Scroll Animation|[🔗](https://codepen.io/yashksaini/pen/mdZeJWg)

| 14 | Bootstrap Components [Buttons]|[🔗](https://codepen.io/yashksaini/pen/vYqNXVj)|

| 15 | CSS Rainbow Tiles|[🔗](https://codepen.io/yashksaini/pen/eYwrOOV)|

| 16 | Magic Hover Effect V1|[🔗](https://codepen.io/yashksaini/pen/xxojQJV)|

| 17 | Matrix Text Effect|[🔗](https://codepen.io/yashksaini/pen/rNEvQZN)|

| 18 | Matrix Background Effect|[🔗](https://codepen.io/yashksaini/pen/abgjKqY)|