Samreen | Frontend Dev

CSS Variables 👉 Define once, reuse anywhere! :root { --main-color: #333; } h1 { color: var(--main-color); } Cleaner code Easy theme switch (dark/light) Update in one place → changes everywhere #CSS #WebDev #Frontend

Media Queries (Responsive Design) 👉 Use @media to make sites responsive. 👉 Breakpoints: 576px (Mobile), 768px (Tablet), 992px (Laptop), 1200px (Desktop). 📱 Mobile-First → min-width 🖥️ Desktop-First → max-width #CSS #ResponsiveDesign #Frontend

🚀 Built a Button Hover Effects project using just HTML + CSS 🎨 👉 Pure frontend ✨ no JS needed 👉 Clean + responsive design 🔗 Check it out here: [github.com/samreen-fronte…] #HTML #CSS #Frontend #WebDev

Just built a Simple Landing Page for a product/service! Hero section Call-to-action button Fully responsive & easy to customize Check it out on GitHub: [YOUR_REPO_LINK] #WebDevelopment #HTML #CSS #LandingPage #Frontend

👩‍💻 Hi, I'm Samreen Zafar — a Frontend Developer & Laravel enthusiast. ✅ Skilled in HTML, CSS & responsive design ⚡ Experience in Laravel CRUD 🌐 Open to freelance projects worldwide #WebDev #Frontend #HTML #CSS #Laravel

Tags Practice Explored basic HTML tags – headings, paragraphs, lists, links & images. It feels amazing to build from scratch 💻✨ #100DaysOfCode #HTML #FrontendDev

Layouts Practice 🧩Practiced layouts with Flexbox & CSS Grid Built a simple page with navbar, sidebar & footer. Step by step towards clean UI design 🚀 #CSS #Frontend #WebDevelopment

Styling Practice 🎨 Styling practice with CSS Worked on colors, fonts, spacing, hover effects & buttons. Loving how small details bring pages to life 🌟 #CSS #100DaysOfCode #Frontend

Personal Portfolio 🌐Created a Personal Portfolio Page Showcasing my name, bio, skills & projects. This will keep growing as I learn more 💡 #WebDev #FrontendDeveloper #Portfolio

CSS Transitions & Animations 🔹 Transitions: transition: all 0.3s ease; → smooth property changes on hover or state 🔹 Animations: @keyframes, animation-name, animation-duration, animation-iteration-count, animation-delay #CSS #WebDev #Frontend #Animation

CSS Backgrounds & Borders 🔹 Backgrounds: background-color, background-image, background-position, background-size, background-repeat, background-attachment 🔹 Borders: border, border-radius, border-style, border-color #CSS #WebDev #Frontend #Design

@SouravPahwa9 Productive roadmap setup

#100DaysOfCode - Day 115 🧠 Total: 3.5 hrs 📚 DSA: 3.0 hrs 🔹 Postorder Traversal(Iterative 1 Stack)✅ 🔹 All Traversals in One Go(Recursive & Iterative)✅ 🤖 AI: 0.5 hr 🔹 Explored AI resources + setup roadmap✅ #buildinpublic #AI #DSA #LeetCode #gfg160 #geeksforgeeks

@granprixx Yes sure

@dev_samreen Hope this helps

🚀 Kicking off AI? Or need to patch those “rat-chewed” gaps in your knowledge? Made this for myself, but sharing in case it helps someone else too. Link below 🔽 AIUX Crash Course 🔽 aiux-crash-course.netlify.app

CSS Typography 🔹 Fonts → font-family, font-size, font-weight, font-style 🔹 Spacing → line-height, letter-spacing, word-spacing 🔹 Text → text-align, text-transform, text-decoration #CSS #WebDev #Frontend #Typography

CSS Grid 🔹 Container: display: grid; grid-template-columns / grid-template-rows → define structure gap / row-gap / column-gap → spacing 🔹 Items: grid-column / grid-row / grid-area → placement Alignment → place-items, align-content, justify-content #CSS #WebDev #Frontend

CSS Flexbox 🔹 Container: display: flex; flex-direction → row | column justify-content → main axis alignment align-items → cross axis alignment flex-wrap → wrap items gap → space between 🔹 Items: align-self flex-grow | flex-shrink | flex-basis #CSS #WebDev #Frontend

@ishubhamdangi Hi , I’m interested in this frontend role. Skilled in HTML, CSS, and Laravel CRUD. Strong written English, improving spoken. Excited to contribute with creativity and dedication. Best, Samreen Zafar

Web development is a book of 10 chapters 👇👇 Chapter 1: HTML 🧱 Chapter 2: CSS 🎨 Chapter 3: CSS frameworks 🧮 Chapter 4: JS ⚙️ Chapter 5: DOM 📃 Chapter 6: Git and GitHub 📲 Chapter 7: React/Angular/Vue⚛️ Chapter 8: Node 🔙🔚 Chapter 9: API and Database 🗄️📄 Chapter 10: Job 🏢

@merishabh_singh Hi , I’m interested in this frontend role. Skilled in HTML, CSS, and Laravel CRUD basics. Strong written English, improving spoken. Excited to contribute with creativity and dedication. Best, Samreen Zafar

Hiring opportunity... 💼 Web Developer (full time, remote) Skills:- Html, Css, JavaScript EXP:- Fresher TO 3 Year Salary:- 14K To 34K Anyone interested??

@Daviowhite Hi, I’m interested in this frontend role. Skilled in HTML, CSS, and Laravel CRUD. Strong written English, improving spoken. Excited to contribute with creativity and dedication. Best, Samreen Zafar

Open role ($1,200 - $1,500) ✔️Mid-level frontend developer ✔️ Full time position ✔️ Great in English “We’re looking for a talented mid-level front-end developer who is passionate about crafting creative, dynamic UIs with engaging animations. If you have an eye for detail and love bringing interfaces to life, this position is for you!” Responsibilities ✔️ Build responsive and visually stunning UIs ✔️ Implement smooth animations and interactive features ✔️ Collaborate with our design team to bring ideas to life Requirements ✔️ Strong front-end development skills (HTML, CSS, JavaScript) ✔️ Experience with animation libraries (e.g., GSAP, CSS animations) ✔️ Passion for creative and interactive design ✔️ Excellent communication skills Leave your portfolio or best work in the comments, my client will reach out to you if you’re a best fit.