Top Tweets for #30daysoffrontend
Day 15 of #30DaysOfFrontend
Struggling with CSS Flexbox?
Don't just read docs, play your way to mastery πΈπͺ
π https://t.co/UVa3kO7KJ0
Day 13 of #30DaysOfFrontend
Day 11
Want to keep your navbar fixed at the top while scrolling? Try this ππΎ
#30DaysOfFrontend #Frontend #CSStip
Started a new project and realized Tailwind just dropped v4 no more `tailwind.config.js` by default π
I spent hours adding a background image until Stack Overflow came to the rescue!
Turns out you can still customize your theme...just differently now π‘
Day 8
Did you know? Adding `object-fit: cover;` makes images look way better inside cards and containers π₯π₯ . Just compare these two ππ½
#30DaysOfFrontend #WebDev #Frontend #CSSTips
I could not complete my βDid You Know?β frontend challenge due to my exams but Iβm not giving up. Iβm picking it back up and finishing strong. Letβs keep building!
#Frontend #30DaysOfFrontend
Day 6
Did you know? π€
With HTML, you can make a phone number clickable on your website
Try it on your contact page or portfolio π
#HTMLTips #Frontend #30DaysOfFrontend
Day 5
Did you know?
Using rem units rather than px increases the accessibility of your website
#HTMLTips #Frontend #30DaysOfFrontend
Day 3
Did you know?
If it takes you somewhere, use <a>.
If it does something, use <button>.
#HTMLTips #Frontend #30DaysOfFrontend
Day 2
Did you know?
Your webpage should ideally have one <h1> tag, just like a book has one title
This helps screen readers and search engines understand your content
#30DaysOfFrontend #HTML #SemanticHTML #WebDevTips
Did you know? π€
Excessive use of <div> tags leads to something devs call "div soup".
Instead, use semantic tags like <header>, <section>, and <main> for accessibility
#30DaysOfFrontend #HTML #SemanticHTML #WebDevTips
Day 31 of #30DaysOfFrontend π
This marks the end of my 30 Days of Frontend journey! π Here's a summary of everything I learned this month: Read comment section π
Day 26 of #30DaysOfFrontend π
I replicate my previous code with I use vanilla css for but now am using tailwind css to build that exact website.
Day 25 of #30DaysOfFrontend π
Today, I explored box-sizing in Tailwind CSS! π¦β¨ Learned how utilities like box-border and box-content affect element dimensions and layout.
Tailwind makes styling so much easier! Excited to keep learning. π₯
#FrontendJourney #TailwindCSS
Day 24 of #30DaysOfFrontend π
Today, I learned how to use VS Code on a web browser by simply visiting https://t.co/jnTZdv1yEs! π» No installation needed just open and start coding. I also wrote a simple test code to try it out.
Loving how accessible coding can be! π₯ #dev
Day 22: CSS Flexbox & Grid Combined
#30DaysOfFrontend @for_M4ACE
β
What I Learned:
Today, I explored how CSS Flexbox and Grid can work together to create a fully responsive blog layout. While CSS Grid is great for overall page structure, Flexbox helps with aligning elements
Day 21 of #30DaysOfFrontend β
| Today, I learned how to deploy code to Vercel! π Now I can easily take my projects live with just a few clicks. Excited for more deployments ahead! π»
#FrontendDevelopment #Vercel #CodeDeployment
Day 20 of #30DaysOfFrontend β
| Today, I built a simple responsive card using Tailwind CSS! π Learned more about utility classes and responsive design. Excited for whatβs next! π»β¨
#FrontendDevelopment #TailwindCSS
Day 20 of #30DaysOfFrontend β
| Today, I built a simple responsive card using Tailwind CSS! π Learned more about utility classes and responsive design. Excited for whatβs next! π»β¨
#FrontendDevelopment #TailwindCSS
Day 18 of #30dayfrontend
Yesterday was a bit of a setback. I didn't get to learn anything new. But today, I'm back on track!
Today's Focus: Tailwind CSS Predefined Classes
- Text classes (text-lg, text-center, etc.)
- Background classes (bg-red-500, bg-opacity-50, etc.)
Last Seen Hashtags on Sotwe
watercolour
Seen from United States
γγγγ
Seen from United Kingdom
xlii or #exny or #momson or #nolimit() +filter:native_video
Seen from Turkey
lbadderz
Seen from United Kingdom
ΩΨΩ
Seen from Netherlands
istanbultravesti
Seen from Turkey
γγ£γΌγγ£γ³γ°γΉγΏγ€
Seen from Vietnam
omegle() filter:videos
Seen from Turkey
γ±γε
monkeyappwinsFull
Seen from Austria
Most Popular Users
Elon Musk 
@elonmusk
241.3M followers
Barack Obama
@barackobama
119.1M followers
Cristiano Ronaldo
@cristiano
113.1M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.1M followers
Rihanna
@rihanna
98.3M followers
NASA
@nasa
92.3M followers
Justin Bieber
@justinbieber
91.5M followers
KATY PERRY
@katyperry
89.1M followers
Taylor Swift
@taylorswift13
83.1M followers
Lady Gaga
@ladygaga
74.5M followers
Virat Kohli
@imvkohli
72.1M followers
Kim Kardashian
@kimkardashian
70.5M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
65M followers
Bill Gates
@billgates
64.7M followers
The Ellen Show
@theellenshow
62.4M followers
Selena Gomez
@selenagomez
62.2M followers
CNN
@cnn
61.8M followers
X
@x
60.8M followers