Day 9 of learning CSS — Transitions & Animations ✨ transition: all 0.3s ease on a button and suddenly your site goes from looking like a school project to looking like a real product 😭 One line. That’s all it took. #LearnCSS #100DaysOfCode #CodeNewbie

Digital Clock Hastags : #animation #glowing #html #css #html5 #css3 #csstricks #cssanimation #learnhtml #learncss #csstips #webdeveloper #ui #ux #uidesign #uxdesign #webdesign #frontenddeveloper #frontendwebdeveloper #javascript #angularjs #reactjs #animation #reels

🌟Sheryians Coding School (Cohort 2.0)🌟 (Self Practice Project): Built a “Places To Visit In India” layout using CSS Grid Finally putting all my learnings from Cohort 2.0 into action and honestly, CSS Grid feels like pure magic! Applied everything I’ve learned so far :- --> grid-template-columns / rows for structure --> gap & alignment for spacing --> grid-area and positioning for perfect placement @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #CSSGrid #100DaysOfCode #FrontendDevelopment #CodingJourney #buildinpublic #WebDevelopment #LearnCSS

🌟Sheryians Coding School (Cohort 2.0)🌟 Completed the 7 Wonders of the World 🌍 project a task given by @sarthacksharma ⚡ Applied everything I’ve learned so far in HTML & CSS --> Flexbox for structure --> Layout & spacing --> Hover and transition effects This project really helped me connect all the concepts together and build something creative from scratch. @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #LearnCSS #FrontendDevelopment #WebDesign #CSSJourney #buildinpublic #DevCommunity #CodeNewbie

Make your website pop with a custom CSS cursor! 🎨💻 Add fun, interactive vibes to your web design in minutes. 🚀 #CustomCursor #CSSAnimation #WebDesign #FrontendDev #LearnCSS #Decotechs

🌟Day 16 – Sheryians Coding School (Cohort 2.0)🌟 Day 16 class was all about mastering the small details that make a huge difference in real-world designs. I explored: --> z-index ~ controlling which elements sit on top --> transform: translate ~ moving elements precisely on the page --> Flexbox properties ~ justify-content, align-items, flex-wrap, flex-shrink for layout perfection --> overflow: auto ~ keeping layouts clean even with extra content --> box-shadow ~ adding smooth depth & realism --> object-fit: cover ~ perfect image placement --> Hover & cursor effects ~ bringing interactivity to life It’s crazy how every little CSS tweak changes the whole vibe of a design. Day by day, I’m learning that CSS isn’t just styling it’s storytelling through visuals ✨ @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #LearnCSS #FrontendDevelopment #WebDesign #CSSJourney #BuildInPublic #DevCommunity #CodeNewbie

🌟Sheryians Coding School (Cohort 2.0)🌟 Built a Snitch-themed landing page as a task from @harshbhaiyaa ! Applied everything I’ve learned till now in HTML & CSS → positioning, spacing, gradients & layout control. Here’s the screenshot of my landing page 👇 Would love to hear your feedback & suggestions 🙌 @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #LearnCSS #FrontendDevelopment #WebDevelopment #buildinpublic #DevJourney #CodeNewbie

🌟Day 13 – Sheryians Coding School (Cohort 2.0)🌟 CSS just got real! On Day 13 I learned how simple tweaks in backgrounds, spacing, and borders can completely transform a webpage’s look. ✅ What I practiced: -> Gradients (linear, radial & conic) -> Parent vs Child (px vs %) -> Background images (size, repeat, position) -> Margins & Padding → mastering space -> Borders & border-radius → clean shapes & smooth edges 🎯 Task 2 completed (thanks @sarthacksharma !) — applied all these to style my own CSS box project. 💡 Takeaway: CSS isn’t just colors; it’s the art of balance, space & alignment. Can’t wait to push my designs further 🚀 @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #LearnCSS #CSSDesign #WebDev #FrontendDev #CodeNewbie #builtinpublic #DevCommunity

🌟Day 12 – Sheryians Coding School (Cohort 2.0)🌟 On Day 12 I completed 1st Task given by @sarthacksharma . Video of my implementation is given below 👇 I know my design is not perfect yet, but I’ll try my best to improve. It will take time, but every step counts! ✨ @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #Cohort2_0 #WebDevelopment #FrontendDevelopment #LearnCSS #CodeNewbie #builtinpublic

🌟Day 11 – Sheryians Coding School (Cohort 2.0)🌟 After building solid foundations with HTML, on Day 11 finally entered the world of CSS (Cascading Style Sheets) — the tool that gives raw pages design, identity, and life. 📌 What I learned on Day 11 session: -> What is CSS & how to link it ~ inline, internal & external (external is the pro way). -> Writing clean CSS using a boilerplate to reset margins & paddings. -> Styling text ~ color, background-color, font-size, font-family (added custom fonts too), font-weight, font-style, text-align, text-transform. -> Selectors ~ targeting elements using IDs (#) and Classes (.) -> Containers & shapes → using <div> to create blocks and rectangular layouts ✨ Biggest takeaway: HTML builds the skeleton, but CSS gives the webpage its personality & style. Super excited to style my first complete webpage soon🌐 The journey just leveled up! 🚀 @harshbhaiyaa @sheryians_ @sarthacksharma @ankurdotio @masterdhanesh_ #100DaysOfCode #CodingJourney #LearnCSS #WebDevelopment #FrontendDevelopment #buildinpublic

🎯 CSS Selectors #CSS #WebDev #LearnCSS

✅ Day 22: Saturday, July 19, 2025. Another day of coding complete! Crushing #100DaysOfCode with the #100Devs Free Software Engineering Bootcamp. Today’s focus: Class 5: LearnCSS with Leon Noel — let’s gooo! 💻🔥#code #WomenInTech #CodingJourney Me yesterday 🤣

🔥CSS Padding #css #CSSBorders #coder #CSSDesign #WebDesign #FrontendDevelopment #HTMLCSS #WebDev #LearnCSS

📌CSS PADDING Padding in CSS is the space between the content of an element and its border. It creates inner spacing inside an element. #CSS #LearnCSS #CSSTutorial #CSSForBeginners #CSSCourse #AdvancedCSS #CSSGrid #Flexbox #CSSAnimations #CSSTricks #TailwindCSS #code #Bootstrap #Sass #PostCSS #WebDevelopment #FrontendDevelopment #HTMLCSSJS #ReactJS #NextJS #Shorts #CodingShorts #QuickCSS #WebDesignTips

🚀 Complete Frontend Development Roadmap 2025 #css #csstutorial #cssfullcourse #learncss #cssforbeginners #cssanimation #cssflexbox #cssgrid #cssshorthan #coder #coding

🚀 CSS Journey! 📅 Day 02 / ∞ ✅ Learned about CSS Selectors 🎯 ✅ Explored the CSS Box Model 📦 ✅ Understood Margin, Padding, and Border 🧩🖼️ ✅ Created a small profile page about myself 👨‍💻📝 Getting better at styling web pages! ✨ Stay tuned for more updates! 🚀 #learncss

🧱 CSS BOX Model #CSSBoxModel #CSSBasics #WebDevelopment #FrontendDev #LearnCSS #CSSLayout #WebDesign #HTMLCSS #UIUXDesign #CodingTips #DeveloperLife

🚀 CSS Journey🔥!! 📅 Day 01 / ∞ ✅ Learned how to add CSS into HTML page 🎨 ✅ Inline CSS ✍️ ✅ Internal CSS 🏠 ✅ External CSS 🌐 Excited to style my web pages even more! ✨ Stay tuned for more updates! 🚀 #WebDevelopment #CodingJourney #LearnCSS #CodeNewbie

🔥 CSS Position #CSS #CSSTutorial #LearnCSS #WebDesign #FrontendDevelopment #CSSFlexbox #CSSGrid #WebDevelopment #HTMLCSS #coder #ResponsiveDesign #UIDesign #CodingLife #FrontendDeveloper #WebsiteDesign #WebDevelopmentTutorial

🔥 Margin vs. Padding #CSSPadding #CSSTutorial #WebDevelopment #FrontendDevelopment #LearnCSS #coder #coding #CodingForBeginners #WebDesignTips #HTMLCSS #CSSBoxModel #PaddingInCSS #ResponsiveDesign