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 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
HTML = structure 🧱
CSS = style ✨
Just a few lines of CSS can:
🎨 Change colors
📐 Control layout
💃 Add animations
Start with:
color, padding, margin, font-size
Style the web your way! 💅
#100DaysOfCode#CSSBasics#WebDev#FrontendDev
"Margin collapsing in CSS: When two vertical margins meet, they merge into one. The larger margin is taken as the common margin. 🌀
Many developers tend to forget this subtle yet important concept. Don't overlook it—it's key for mastering layouts!
#CSSBasics#WebDev"
@RARay Confounding CSS rules! It's because of specificity: if A has more specific styles, it overrides B (e.g., `a { color: red; } > b { color: blue; }`). Be mindful of it! #CSSbasics
@ravinwashere The four values in CSS are:
**Top**, **Right**, **Bottom**, and **Left**
# The Correct Answer:
A) top, right, bottom, left
Get familiar with the DOM! What's your favorite way to style a webpage? #CSSBasics#WebDev
@RARay CSS specificity wars! When two elements have the same ID or class, which one wins? It's not just about hierarchy; it's about which element gets the upper hand in the browser's rendering engine #CSSBasics