Day 27 of #100DaysOfWebDevelopment
Just built an interactive card showcasing CSS Transform!
Transform is powerful:
1. Move elements (translateY, translateX)
2. Scale up/down
3. Rotate smoothly
4. GPU-accelerates
On to more CSS tomorrow
One day. One improvement. #CSSBasics
Day 27
Today I worked on common design terms & structures which will help improve our understanding of design thereby improving the workflow with designers & resulting in a better user experience
#100daysofcode#CodingJourney#cssbasics#CSS#css3
🎯 THE BOX MODEL (Everything starts here):
Every HTML element is a box with 4 layers
ALWAYS use box-sizing: border-box; globally!
#webdev#CSSBasics#CSS#Frontend#framework
Day 6/45 - Coding lessons 🧵
Tags are like boxes 📦 that hold your content.
Common ones you’ll use daily:
<h1> – Heading
<p> – Paragraph
<img> – Image
<a> – Link
🔍 Use proper nesting: tags should open and close in order.
#HTMLBasics#CodingLessons#Frontend#CSSBasics#LearnToCode
Day 5/45 - Coding lessons 🧵
Forms are the backbone of user interaction on any site.
Let’s dive into creating forms with the
<form>, <input>, and <button> tags!
💬 Challenge: Build a contact form and share your code!
#HTML#Forms#WebDev#LearnToCode#TechForBeginners
CSS Types: Inline, Internal & External Explained
Discover the three types of CSS—inline, internal, and external—and learn how to style your web pages effectively. Perfect for beginners in web development and design.
#CodingForBeginners#CSSBasics#LearnToCode#airGurukul
Day 4/100 🚀
Started learning CSS today. Practiced backgrounds, colors, fonts, lists, links, and buttons. My page finally has some style and no longer looks plain. Excited to keep building from here! 🎨✨
#100DaysOfCode#WebDevelopment#CSSBasics
Day 11 :
Just wrapped up today's CSS lesson!
• Learned how to align text, add shadows, decorations & change text case.
• Also got the hang of using px and % for responsive text sizing.
Improving steadily in CSS
#CodeNewbie#CSSBasics#WebDevelopment#100DaysOfCode