--- title: "#layout articles | Hashnode" description: "Explore 136 articles tagged #layout on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/layout" --- Tag # #layout 136 posts · 13 followers [Mihai Marinescu](https://hashnode.com/@mmarinescu) · [Jul 2](https://hashnode.com/posts/don-t-throw-your-layout-into-the-bin/6a46bebedae9bdd8753e099c) ### [Don't throw your layout into the bin](https://featuringcode.com/don-t-throw-your-layout-into-the-bin?utm_source=hashnode&utm_medium=feed) Your customers will love you for it 19 min read · [featuringcode.com](https://featuringcode.com/don-t-throw-your-layout-into-the-bin?utm_source=hashnode&utm_medium=feed) [Roshan Jha](https://hashnode.com/@roshanjha) · [Apr 18](https://hashnode.com/posts/your-browser-is-doing-too-much-work/69e3491db30fd615c227d5b7) ### [Your Browser is Doing Too Much Work](https://jroshan.hashnode.dev/your-browser-is-doing-too-much-work?utm_source=hashnode&utm_medium=feed) Your browser is working too hard. Here's why. 6 min read · [jroshan.hashnode.dev](https://jroshan.hashnode.dev/your-browser-is-doing-too-much-work?utm_source=hashnode&utm_medium=feed) [Ramazan Maksyutov](https://hashnode.com/@ramazanmaksyutov) · [Mar 19](https://hashnode.com/posts/atomic-and-functional-css/69bc348fb238fd45a320a2f7) ### [How Atomic CSS and Functional Programming Are Related](https://freecodecamp.org/news/atomic-and-functional-css?utm_source=hashnode&utm_medium=feed) Hello, friends! My name is Ramazan, and I'm a front-end developer and enthusiast who loves looking at familiar things in web development from new perspectives. You might have heard of functional progr 12 min read · [freecodecamp.org](https://freecodecamp.org/news/atomic-and-functional-css?utm_source=hashnode&utm_medium=feed) [Debesh Ghorui](https://hashnode.com/@debeshghorui) · [Feb 13](https://hashnode.com/posts/browser-internals-explained-a-user-friendly-guide-to-how-browsers-function/698ebb3d360cf784949300f4) ### [Browser Internals Explained: A User-Friendly Guide to How Browsers Function](https://blog.debeshghorui.dev/browser-internals-explained-a-user-friendly-guide-to-how-browsers-function?utm_source=hashnode&utm_medium=feed) Discover how browsers work, from typing a URL to rendering pages, in this beginner-friendly guide to browser internals and architecture 5 min read · [blog.debeshghorui.dev](https://blog.debeshghorui.dev/browser-internals-explained-a-user-friendly-guide-to-how-browsers-function?utm_source=hashnode&utm_medium=feed) [Tech Insights Hub](https://hashnode.com/@JohnMikes) · [Feb 12](https://hashnode.com/posts/css-flexbox-layout-tutorial/698e57da5a1d479744d1c94a) ### [CSS Flexbox: Layout Tutorial](https://topperblog.hashnode.dev/css-flexbox-layout-tutorial?utm_source=hashnode&utm_medium=feed) Why Traditional Layout Approaches Fail Modern Requirements Float-based layouts and absolute positioning dominated web development for decades, but they fundamentally conflict with modern responsive design principles. These approaches require extensiv... 10 min read · [topperblog.hashnode.dev](https://topperblog.hashnode.dev/css-flexbox-layout-tutorial?utm_source=hashnode&utm_medium=feed) [Neeraj Gir](https://hashnode.com/@neerajgir871) · [Jan 27](https://hashnode.com/posts/how-a-browser-works-a-beginner-friendly-guide-to-browser-internals/6978c0e7194ad9824dab21b5) ### [How a Browser Works: A Beginner-Friendly Guide to Browser Internals](https://browserinternals.hashnode.dev/how-a-browser-works-a-beginner-friendly-guide-to-browser-internals?utm_source=hashnode&utm_medium=feed) Understand browser internals: Learn how a browser processes HTML, CSS, JS, and renders web pages efficiently in this beginner-friendly guide 4 min read · [browserinternals.hashnode.dev](https://browserinternals.hashnode.dev/how-a-browser-works-a-beginner-friendly-guide-to-browser-internals?utm_source=hashnode&utm_medium=feed) [Manish Kumar](https://hashnode.com/@ManishMK) · [Jan 7](https://hashnode.com/posts/how-to-always-keep-your-footer-at-the-bottom-of-the-page/695e48617a7a2591796cee1d) ### [How to Always Keep Your Footer at the Bottom of the Page](https://manishmk.hashnode.dev/how-to-always-keep-your-footer-at-the-bottom-of-the-page?utm_source=hashnode&utm_medium=feed) Learn how to keep your footer at the bottom of the page using CSS Flexbox. A simple, no-hack solution that works on all screen sizes. Includes code examples 3 min read · [manishmk.hashnode.dev](https://manishmk.hashnode.dev/how-to-always-keep-your-footer-at-the-bottom-of-the-page?utm_source=hashnode&utm_medium=feed) [Dream Venue](https://hashnode.com/@Dreamvenue) · [Nov 11, 2025](https://hashnode.com/posts/how-lighting-layout-and-little-details-transform-any-/691325c7620c4fb548939bf0) ### [How Lighting, Layout, and Little Details Transform Any Banquet Experience](https://outdoorevents.hashnode.dev/how-lighting-layout-and-little-details-transform-any-?utm_source=hashnode&utm_medium=feed) Every event tells a story — and that story comes alive through its atmosphere. The Banquet Hub understands that the essence of any celebration lies in how the space feels, not just how it looks. Whether it’s a grand wedding, a milestone birthday, or ... 3 min read · [outdoorevents.hashnode.dev](https://outdoorevents.hashnode.dev/how-lighting-layout-and-little-details-transform-any-?utm_source=hashnode&utm_medium=feed) [Mandeep Sharma](https://hashnode.com/@mandeephub) · [Sep 16, 2025](https://hashnode.com/posts/create-a-layout-component-in-react/68c96da7958fbd41da260b10) ### [Create a layout component in react](https://mandeephub.hashnode.dev/create-a-layout-component-in-react?utm_source=hashnode&utm_medium=feed) in this article we will learn how to create a layout component in react we will create something like this Header Home / About / contact Footer Folder structure In your src folder create three folders and create the folowwing files1 - components fol... 1 min read · [mandeephub.hashnode.dev](https://mandeephub.hashnode.dev/create-a-layout-component-in-react?utm_source=hashnode&utm_medium=feed) [1](https://hashnode.com/posts/create-a-layout-component-in-react/68c96da7958fbd41da260b10) [Luiz Tanure](https://hashnode.com/@letanure) · [Jul 14, 2025](https://hashnode.com/posts/mastering-css-grid-flexbox-combo/6874fff298c81c6acb1d03f9) ### [Mastering CSS Grid + Flexbox Combo](https://letanure.hashnode.dev/mastering-css-grid-flexbox-combo?utm_source=hashnode&utm_medium=feed) Note: This article was originally published on September 20, 2021. Some information may be outdated. Using CSS Grid and Flexbox together can solve many layout challenges in modern web design. Both are powerful on their own, but combining them gives ... 2 min read · [letanure.hashnode.dev](https://letanure.hashnode.dev/mastering-css-grid-flexbox-combo?utm_source=hashnode&utm_medium=feed)