Flexbox

The Web Platform is a powerful and diverse ecosystem comprising of APIs, tools, and languages. It offers endless possibilities for developers. If you are looking for a roadmap to learn the Web Platform, you’ve come to the right place. In this blog, I have compiled a collection of tutorials and articles that will help you navigate the Web Platform with ease. Let’s get started! Browser API Guides Begin your journey by diving into the Document Object Model (DOM), which is the fundamental API exposed by browsers....

Flexbox, also known as the Flexible Box Module, is a powerful layout system that works alongside CSS Grid to create modern, responsive designs. In this guide, we will explore the ins and outs of Flexbox and learn how to use it effectively to create flexible and dynamic layouts. Introduction Flexbox is a one-dimensional layout model that allows you to control the arrangement of items in a container either as a row or a column....

CSS, or Cascading Style Sheets, is the language that defines the visual appearance of an HTML page in the browser. Whether you’re a beginner or an experienced web developer, understanding CSS is essential for creating stunning and responsive web designs. In this comprehensive guide, you’ll learn everything you need to know about CSS, from the basics to advanced techniques like Flexbox, CSS Grid, CSS Variables, and more. Getting Started with CSS...

In this blog post, we will explore how to work with the float property in CSS and the concept of clearing. The float property has been a crucial topic in the past, used in various hacks and creative ways to implement layouts. However, with the introduction of Flexbox and Grid, the scope of the float property has changed to its original purpose - placing content on one side of the container and making its siblings appear around it....