From fef3bdef610d7d2de91a3cd3813745e137980489 Mon Sep 17 00:00:00 2001 From: Datla Rakesh Varma <145255364+DatlaRakeshVarma@users.noreply.github.com> Date: Sat, 18 May 2024 13:10:28 +0530 Subject: [PATCH] Update CSS and Tailwind CSS --- .../Articles/CSS and Tailwind CSS/index.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/Datla Rakesh Varma/Articles/CSS and Tailwind CSS/index.md b/Datla Rakesh Varma/Articles/CSS and Tailwind CSS/index.md index 44ff8a5..6fc1117 100644 --- a/Datla Rakesh Varma/Articles/CSS and Tailwind CSS/index.md +++ b/Datla Rakesh Varma/Articles/CSS and Tailwind CSS/index.md @@ -1,5 +1,5 @@ --- -title: Mastering CSS and Tailwind CSS +title: Best Practices CSS and Tailwind CSS description: Delve into best practices, research and essential insights for leveraging CSS and Tailwind CSS in modern web development. author: Datla Rakesh Varma lastmod: 2024-05-17 @@ -10,8 +10,6 @@ tags: draft: false --- -# From Basic To Brilliance for Modern Web Development - ## Introduction **CSS** (Cascading Style Sheets) and **Tailwind CSS** are fundamental tools in modern web development. CSS have long been the cornerstone of web design, providing developers with the means to control the presentation and layout of web pages. From defining colors and fonts to arranging elements on the screen, CSS empowers developers to craft visually appealing and functional websites. However, as web development practices have evolved, so too have the tools and frameworks available to developers. @@ -255,10 +253,11 @@ In this article, we will explore the best practices for using both traditional C --font-family: 'Helvetica, Arial, sans-serif'; } + /* Fallback values */ body { - font-family: var(--font-family); + font-family: var(--font-family), sans-serif; /* Added a generic sans-serif as a fallback */ color: var(--primary-color); - } + } ``` Tailwind CSS Example: @@ -278,6 +277,8 @@ In this article, we will explore the best practices for using both traditional C }, }, }, + variants: {}, + plugins: [], } ```