Finally added a gradient to my nav-brand and Name. Thanks to @pokecoder still working on my website 😊

.heart::before {. top: -50px;. left: 0;.}. heart::after {. top: 0;. left: 50px;.}. ❤️ CSS is more powerful than you think!. #CSS #WebDev #Frontend.

heart {. width: 100px;. height: 100px;. background: red;. position: relative;. transform: rotate(-45deg);.}. heart::before,. heart::after {. content: "";. width: 100px;. height: 100px;. background: red;. border-radius: 50%;. position: absolute;.}.

💡 CSS Fun Fact:.You can create a heart shape using just one HTML element and pure CSS — no images, no SVGs!.

I need to start JavaScript by Monday next week, I guess am done with css basics for now.

.navbar .logo {. font-size: 1.5rem;. font-weight: bold;.}. nav-links {. list-style: none;. display: flex;. gap: 1.5rem;.}. nav-links a {. color: #fff;. text-decoration: none;. transition: color 0.3s ease;.}. nav-links a:hover {. color: #00d8ff;.}.

/ul>.</nav>. /* CSS */.body {. margin: 0;. font-family: 'Segoe UI', sans-serif;.}. navbar {. display: flex;. justify-content: space-between;. align-items: center;. background: #222;. padding: 1rem 2rem;. color: #fff;.}.

📸 Code Snippet (for image or carousel):. <!-- HTML -->.<nav class="navbar">. <div class="logo">MySite</div>. <ul class="nav-links">. <li><a href="#">Home</a></li>. <li><a href="#">About</a></li>. <li><a href="#">Projects</a></li>. <li><a href="#">Contact</a></li>.

💻 Perfect for portfolios, landing pages, or blogs. Drop a 🔥 if you want a tutorial thread or reel!. #HTML #CSS #WebDevelopment #Frontend #Coding #UIUX.

🚀 HTML + CSS Navigation Bar Tutorial.Want a clean, responsive navbar for your website? Here’s a beginner-friendly example using just HTML & CSS. No JavaScript needed! 🔥. 📌 Features: ✅ Clean design.✅ Responsive layout.✅ Easy to customize.

Tried pure #CSS mobile navigation with a little #JavaScript, am going to add to my portfolio website.

Consistency is key, no matter how hard it gets just show up. You will be grateful you did. 😊.

Check it out (but don’t look too close. the paint’s still drying):. #WebDev #PortfolioLaunch #CodingJourney #FrontendFun #BeginnerDev #YasirCodes #HTMLHustler

Meet Yasir Arafat – beginner web dev by day, button-clicking ninja by night. Built from scratch with bugs, coffee, and a lot of “why isn’t this working?” 🐞☕🤯

🎉🚧 Just dropped the alpha version of my portfolio website! 💻✨.Still under construction, but it's officially cooler than my resume 😎

Developers use more time debugging ai code than save using it.

Is it true with ai we are building broken systems faster?.

Applying for a role as developer after learning JavaScript from watching a 8 minute YouTube tutorial.

The night is beautiful,.No matter how bad my day was,.Am still showing up.

Currently bringing my portfolio to life — turning raw code into something beautiful!.Watch it transform ✨.#CodingTikTok #CSSJourney #WebDev #PortfolioBuild #DevLife

Time to lock in.