Grid in CSS...

PublishedFebruary 22, 2023

•1 min read

Hey there! I'm Vimal Negi, a passionate and self-driven Full-Stack Developer and Final-Year Engineering Student. I love building interactive web applications and solving real-world problems using technologies like React, Node.js, Express, MongoDB, and Tailwind CSS.

An intersection of a vertical and horizontal line is known as a grid. Major sections of a page are separated using a CSS grid layout. A grid-based layout system with rows and columns is provided by the grid attribute. It eliminates the need for positioning or floating, making web page creation simple. The grid layout enables us to construct grid structures represented in CSS rather than HTML The user can align the pieces into rows and columns like a table. But using the CSS grid to construct the layout is simpler than using a table...

Terminologies associated with the grid are -:

1)Element

2)Row

3)Column

4)Gap

5)Line

#html5 #css #grid #flexbox

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Essential Security Configurations for Expo-Based Mobile Applications

Fixing Security Vulnerabilities in an Expo Mobile Application: Findings, Priorities, and Solutions

Jun 13, 20266 min read

Essential Security Configurations for Expo-Based Mobile Applications

🚀 Queues in System Design: A Complete Beginner-to-Advanced Guide

Modern applications need to handle massive traffic, scale efficiently, and remain reliable under load. One of the most powerful tools used to achieve this is a queue. In this blog, we’ll break down qu

Apr 6, 20267 min read

🚀 Queues in System Design: A Complete Beginner-to-Advanced Guide

Vectorless-Rag(Page Index)

📌 What is Vectorless RAG? Vectorless RAG is an alternative approach to traditional Retrieval-Augmented Generation (RAG) where: ❌ No vector embeddings are used ❌ No vector database is required ✅ Retri

Apr 6, 20265 min read

🤖 Agents and Tokenizer in Generative AI (GenAI) — Explained Simply

🤖 LLMs vs. Agents: Understanding the Difference (with a Simple Analogy) In the world of AI, there's a lot of buzz around Large Language Models (LLMs) and Agents. But what's the real difference betwee

May 17, 20259 min read

🤖 Agents and Tokenizer in Generative AI (GenAI) — Explained Simply

✨ Prompt Styles And Prompting Techniques

🧩 Prompt Styles Prompt styles define the structure or format used to communicate with a Language Model (LLM). Different models prefer different styles. Below are common prompt formats: 🧠 Prompt Style 1: Alpaca Prompt Style FORMAT-: Instruction: <Yo...

May 15, 202526 min read

✨ Prompt Styles And Prompting Techniques

Vimal Negi's blog

21 posts

Command Palette

Comments

More from this blog