RehanfromSDK's profile picture. I am student of SMIT. 
I learn web development 😛.

Muhammad Rehan

@RehanfromSDK

I am student of SMIT. I learn web development 😛.

In the rush of code, patience crafts the perfect rhythm.


I used to write 3 media queries just to size a heading. Then I met clamp() — one line, infinite flexibility. clamp(1rem, 2vw, 3rem) = min, fluid, max. It’s like giving your font superpowers. #CSSMagic #ResponsiveDesign #FrontendTips

RehanfromSDK's tweet image. I used to write 3 media queries just to size a heading.  
 Then I met clamp() — one line, infinite flexibility.  
 clamp(1rem, 2vw, 3rem) = min, fluid, max.   It’s like giving your font superpowers.   #CSSMagic #ResponsiveDesign #FrontendTips

I used to swear by height: 100vh… until mobile browsers betrayed me. Safari’s dynamic toolbar made my layout jump like crazy. Now I use height: 100dvh — and it’s smooth sailing. stop fighting the viewport. Start understanding it. #CSSTips #MobileDev #FrontendFixes

RehanfromSDK's tweet image. I used to swear by height: 100vh… until mobile browsers betrayed me.  
 Safari’s dynamic toolbar made my layout jump like crazy.  
Now I use height: 100dvh — and it’s smooth sailing.  stop fighting the viewport. Start understanding it.  
 #CSSTips #MobileDev #FrontendFixes

In 2025, if your website isn’t responsive, you’re already 10 steps behind. Mobile-first design isn’t optional anymore — it’s the backbone of user trust. Remember: “A website that adapts, survives. A website that ignores, dies.” #WebDev #ResponsiveDesign #CodingJourney

RehanfromSDK's tweet image. In 2025, if your website isn’t responsive, you’re already 10 steps behind.
Mobile-first design isn’t optional anymore — it’s the backbone of user trust. 
 Remember: “A website that adapts, survives. A website that ignores, dies.”

#WebDev #ResponsiveDesign #CodingJourney

CSS divs running wild? 😩 My layout was a bazaar mess! Learning Point: Use position: relative on parent, absolute on child with top: 0;. Who's tamed positioning? 😄 #WebDev #CSS

RehanfromSDK's tweet image. CSS divs running wild? 😩 My layout was a bazaar mess! 

Learning Point: 
Use position: relative on parent, absolute on child with top: 0;. Who's tamed positioning? 😄 #WebDev #CSS

JS events bubbling chaos? 😩 My clicks went rogue! Learning Point: Delegate: parent.addEventListener('click', e => { if (e.target.matches('.btn')) { ... } });. Great for dynamics. Who's delegated event wins?

RehanfromSDK's tweet image. JS events bubbling chaos? 😩 My clicks went rogue! 

Learning Point: Delegate: parent.addEventListener('click', e => { if (e.target.matches('.btn')) { ... } });. Great for dynamics. Who's delegated event wins?

API fetches lagging? 😩 My data was stuck in limbo! Learning Point: Use async () => { await fetch('url'); }. Verify with res.ok. Who's mastered async fetches? 😜 #webdeveloper #JavaScript

RehanfromSDK's tweet image. API fetches lagging? 😩 My data was stuck in limbo! Learning Point: Use async () => { await fetch('url'); }. Verify with res.ok. Who's mastered async fetches? 😜 #webdeveloper #JavaScript

JS modules not clicking? 😩 My imports were path puzzles! Learning Point: Export: export const var = value;. Import: import {var} from './file';. Who's built modular masterpieces? 😄 #WebDevelopment #JavaScript

RehanfromSDK's tweet image. JS modules not clicking? 😩 My imports were path puzzles! Learning Point: Export: export const var = value;. Import: import {var} from './file';. Who's built modular masterpieces? 😄 #WebDevelopment #JavaScript

CSS selectors evading you? 😩 My styles ghosted me! Learning Point: Target via .class1.class2 { ... }. Use ID for strong: #id { ... }. Who's conquered selector wars? 😜 #WebDev #CSSBattleDaily

RehanfromSDK's tweet image. CSS selectors evading you? 😩 My styles ghosted me! Learning Point: Target via .class1.class2 { ... }. Use ID for strong: #id { ... }. Who's conquered selector wars? 😜 #WebDev #CSSBattleDaily

CSS links looking dated? 😩 My hovers were zero energy! Learning Point: Style a:hover { color: blue; }. Add :visited for seen links. Who's pseudo-class pro? 😄 #WebDevelopment #CSS

RehanfromSDK's tweet image. CSS links looking dated? 😩 My hovers were zero energy!
 Learning Point: Style a:hover { color: blue; }. Add :visited for seen links. Who's pseudo-class pro? 😄 #WebDevelopment #CSS

JS timers out of sync? 😩 My delays were mela-level chaos! Learning Point: Use setTimeout(func, ms) for once; setInterval(func, ms) for loops. Who's tamed timers? 😜 #WebDev #javascriptlibraries

RehanfromSDK's tweet image. JS timers out of sync? 😩 My delays were mela-level chaos! Learning Point: Use setTimeout(func, ms) for once; setInterval(func, ms) for loops. Who's tamed timers? 😜 #WebDev #javascriptlibraries

الحمدللہ! آج ہم حضور خاتم النبیین حضرت محمد مصطفیٰ ﷺ کی ولادت باسعادت کے 1500 سالہ جشن کو عقیدت و محبت کے ساتھ منارہے ہیں۔ یہ دن ہمیں آپ ﷺ کی سیرتِ طیبہ، رحمت للعالمین کے پیغام، اور اخوت و محبت کا درس یاد دلاتا ہے۔ ✨ عید میلاد النبی ﷺ مبارک ہو! ✨ #محمدﷺ


CSS animations stuttering? 😩 My fades were Bollywood blooper reel! Learning Point: Set @keyframes name { from {} to {} }. Use animation: name 1s ease;. Who's animated web magic? 😏 #WebDev #cssanimation

RehanfromSDK's tweet image. CSS animations stuttering? 😩 My fades were Bollywood blooper reel! Learning Point: Set @keyframes name { from {} to {} }. Use animation: name 1s ease;. Who's animated web magic? 😏 #WebDev #cssanimation

JS strings knotting up? 😩 My concats were a twisted tale! Learning Point: Use backticks: Hi ${var}!. Supports multi-lines naturally. Who's templated their way free? 😜 #WebDev #JavaScript

RehanfromSDK's tweet image. JS strings knotting up? 😩 My concats were a twisted tale! 

Learning Point: Use backticks: Hi ${var}!. Supports multi-lines naturally. Who's templated their way free? 😜 #WebDev #JavaScript

JS spreads going overboard? 😩 My merges were biryani chaos! Learning Point: Merge objs: {...old, newKey: 'val'}; . Arrays: [...a, ...b]. Who's spread JS wonders? 😄 #WebDev #JavaScript

RehanfromSDK's tweet image. JS spreads going overboard? 😩 My merges were biryani chaos!

Learning Point: Merge objs: {...old, newKey: 'val'};
. Arrays: [...a, ...b]. Who's spread JS wonders? 😄

 #WebDev #JavaScript

Same to you 😀😁☺️😊😃

RehanfromSDK's tweet image. Same to you 😀😁☺️😊😃

آج یوم دعوت اسلامی ہے۔ آؤ مل کر مناۓ۔ دعوت اسلامی۔۔۔۔۔۔زند باد


JS destructuring disasters? 😩 My objects were mystery mishaps! Learning Point: Extract via const {key} = obj;. Add defaults: {key = 'default'}. Who's unpacked JS magic? 😏 #WebDev #JavaScript

RehanfromSDK's tweet image. JS destructuring disasters? 😩 My objects were mystery mishaps! Learning Point: Extract via const {key} = obj;. Add defaults: {key = 'default'}. Who's unpacked JS magic? 😏 #WebDev #JavaScript

United States เทรนด์

Loading...

Something went wrong.


Something went wrong.