Coding tips
CSS Flexbox vs Grid: When to Use Each
CSS Flexbox vs Grid explained simply: Flexbox for one direction, Grid for rows and columns, with nav, card grid, page layout and dashboard examples to copy.
// notes/
CSS
Coding tips and build notes by Mahir Faysal, a student web developer in Bangladesh: tested Python, HTML, CSS, JavaScript and PHP tutorials, plus notes from my Next.js and Gemini projects. Sample posts are marked and drafts stay in the admin area.
#Beginners
#Security
#PHP
#Forms
#Next.js
#TypeScript
#CSS
#Gemini API
#HTML
#JavaScript
#Layout
#localStorage
#Python
#Zod
#Zustand
#Accessibility
#Arrays
#Async
#Canvas API
#CSS Grid
#Email
#Flexbox
#List comprehension
#MySQL
Coding tips
CSS Position Explained: Absolute vs Relative
CSS position explained: static, relative, absolute, fixed and sticky, why absolute needs a relative parent, why sticky stops working, and how z-index stacks.
Practice Sample
Sample note: how an HTML page is put together
Another sample article. It explains the basic parts of a page I am practicing in class and at home.
// filter
You are inside a slice of the notes.
This view is only the category, tag, or search you asked for. Sample warnings still apply on any article that carries them. Drafts are still hidden. The full list is the learning notes page, which also explains how a note is written and why some posts are marked Sample.