Preethi-Dev
Front-End Dev, Working with Modern Layouts and Technical Author at @css-tricks, @freecodecamp
India
Pinned Repositories
Claymorphism
A new design trend on 2022
community-landing-page-challenge
A landing page template for the communities running on the platform
dark_mode
Theme preference by OS without toggle
legooo-design-system
Developed a collection of reusable UI components designed to enhance consistency and efficiency in every projects. Each component is customizable and follows best practices
Minimal-Layout-04
About CSS grid enable the modern layouts. This 4th layout of modern layout series using Flexbox. #Made-In-CSS-FlexBox
Modern-Layout-01
CSS grid enable the modern layouts. This the 1st layout of modern layout series. #Made-In-CSS-Grid
Modern-Layout-12
CSS Grid and Flexbox enable the modern layouts. This 12th layout of modern layout series made by ASCII-ART method of grid layout. #Made-In-CSS-Grid
Modern-Layout-25
CSS Grid and Flexbox enable the modern layouts. This 25th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid
modern-layouts
50 Extremely Modern Layouts Using CSS Grid✨
Preethi-Dev's Repositories
Preethi-Dev/Modern-Layout-25
CSS Grid and Flexbox enable the modern layouts. This 25th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid
Preethi-Dev/Minimal-Layout-01
CSS grid enable the modern layouts. This 1st layout of Minimal layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-22
CSS grid enable the modern layouts. This is 22nd layout of modern layout series using FlexBox. #Made-In-CSS-FlexBox
Preethi-Dev/Modern-Layout-24
CSS Grid and Flexbox enable the modern layouts. This 24th layout of modern layout series made by CSS Grid ASCII Art Method. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-26
CSS grid enable the modern layouts. This 26th layout of modern layout series using named template areas. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-35
About CSS Grid and Flexbox enable the modern layouts. This 35th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-40
About CSS Grid and Flexbox enable the modern layouts. This 40th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-42
CSS grid enable the modern layouts. This is 42nd layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-43
CSS grid enable the modern layouts. This is 43rd layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-44
CSS grid enable the modern layouts. This is 44th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-46
CSS grid enable the modern layouts. This is 46th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-47
CSS Grid and Flexbox enable the modern layouts. This 47th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-50
CSS grid enable the modern layouts. This is 50th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-21
CSS Grid and Flexbox enable the modern layouts. This 21st layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-23
CSS Grid and Flexbox enable the modern layouts. This 23rd layout of modern layout series made by CSS Grid Named Line Placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-28
CSS grid enable the modern layouts. This is 28th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-29
CSS grid enable the modern layouts. This is 29th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-30
CSS grid enable the modern layouts. This is 30th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-31
CSS grid enable the modern layouts. This 31st layout of modern layout series made in flexbox alone. #Made-In-CSS-FlexBox
Preethi-Dev/Modern-Layout-32
CSS grid enable the modern layouts. This is 32nd layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-33
CSS grid enable the modern layouts. This is 33rd layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-34
CSS grid enable the modern layouts. This is 34th layout of modern layout series using Grid's Auto Placement Algorithm. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-36
CSS Grid and Flexbox enable the modern layouts. This 36th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-37
CSS grid enable the modern layouts. This is 37th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-38
CSS grid enable the modern layouts. This is 38th layout of modern layout series using Line based placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-39
CSS Grid and Flexbox enable the modern layouts. This 39th layout of modern layout series made by CSS Grid Named Line Placement. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-41
CSS grid enable the modern layouts. This 41th layout of modern layout series made in flexbox alone. #Made-In-CSS-FlexBox
Preethi-Dev/Modern-Layout-45
CSS Grid and Flexbox enable the modern layouts. This 45th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-48
CSS Grid and Flexbox enable the modern layouts. This 48th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid
Preethi-Dev/Modern-Layout-49
CSS grid enable the modern layouts. This is 49th layout of modern layout series using Line based placement. #Made-In-CSS-Grid