An open API service providing repository metadata for many open source software ecosystems.

GitHub topics: modern-layout

hamzalodhi2023/Envision

Modern web design using HTML and CSS. Give it a star 🌟 if you find it useful.

Language: CSS - Size: 8.92 MB - Last synced at: 25 days ago - Pushed at: over 1 year ago - Stars: 6 - Forks: 0

Divya2163/Awwwards-Style-Templates

This repository contains website templates inspired from Awwwards winners and nominees.

Language: HTML - Size: 63.8 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Preethi-Dev/community-landing-page-challenge

A landing page template for the communities running on the platform

Language: HTML - Size: 3.08 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Preethi-Dev/Modern-Layout-17

CSS Grid and Flexbox enable the modern layouts. This 17th layout of modern layout series made by CSS Grid Auto Placement Rule. #Made-In-CSS-Grid

Language: CSS - Size: 207 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

Preethi-Dev/Modern-Layout-11

CSS Grid and Flexbox enable the modern layouts. This 11th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid

Language: CSS - Size: 472 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

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

Language: CSS - Size: 1.64 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.07 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 908 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.02 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.16 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 2.67 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.86 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 2.33 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 496 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.94 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.03 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 2.26 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

Preethi-Dev/Modern-Layout-27

CSS grid enable the modern layouts. This is 27th layout of modern layout series using Line based placement. #Made-In-CSS-Grid

Language: CSS - Size: 822 KB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.23 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-18

CSS Grid and Flexbox enable the modern layouts. This 18th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

Language: CSS - Size: 3.72 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 2

Preethi-Dev/Modern-Layout-16

CSS Grid and Flexbox enable the modern layouts. This 16th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

Language: CSS - Size: 1.42 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-14

CSS Grid and Flexbox enable the modern layouts. This 14th layout of modern layout series made by CSS Grid Named Line Placement. #Made-In-CSS-Grid

Language: CSS - Size: 1.09 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-13

CSS Grid and Flexbox enable the modern layouts. This 13th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

Language: CSS - Size: 1.65 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-10

CSS Grid and Flexbox enable the modern layouts. This 10th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

Language: CSS - Size: 1.4 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-08

CSS Grid and Flexbox enable the modern layouts. This 8th layout of modern layout series made by ASCII-ART method of grid layout. #Made-In-CSS-Grid

Language: CSS - Size: 4.51 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 2

Preethi-Dev/Modern-Layout-06

CSS Grid and Flexbox enable the modern layouts. This 6th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid

Language: CSS - Size: 3.41 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-05

CSS grid and CSS FlexBox enable the modern layouts. This is 5th layout of modern layout series using Named Grid lines. #Made-In-CSS-Grid

Language: CSS - Size: 7.38 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-04

CSS Grid and Flexbox enable the modern layouts. This 4th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

Language: CSS - Size: 3.23 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-03

CSS grid enable the modern layouts. This is 3rd layout of modern layout series using Line based placement. #Made-In-CSS-Grid

Language: CSS - Size: 27.8 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 2

Preethi-Dev/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

Language: CSS - Size: 1.14 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 1

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

Language: CSS - Size: 480 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 1

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

Language: CSS - Size: 921 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 332 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 565 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: HTML - Size: 1.08 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 2.22 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 921 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 613 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 1.21 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 232 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 544 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 1

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

Language: HTML - Size: 1.16 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 248 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 961 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

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

Language: CSS - Size: 313 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

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

Language: HTML - Size: 496 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-20

CSS grid enable the modern layouts. This 20th layout of modern layout series made in flexbox alone. #Made-In-CSS-FlexBox

Language: CSS - Size: 218 KB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-19

CSS Grid and Flexbox enable the modern layouts. This 19th layout of modern layout series made by CSS Grid Named Lines Placement. #Made-In-CSS-Grid

Language: CSS - Size: 2.08 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-15

CSS grid enable the modern layouts. This 15th layout of modern layout series using Line based placement. #Made-In-CSS-Grid

Language: CSS - Size: 1.3 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 1

Preethi-Dev/Modern-Layout-09

CSS Grid and Flexbox enable the modern layouts. This 9th layout of modern layout series made by Line Based placement. #Made-In-CSS-Grid

Language: CSS - Size: 32.6 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 2

Related Keywords
modern-layout 50 responsive-web-design 47 css3 46 html5 45 css-grid 44 grid-layout 39 css 35 css-flexbox 21 line-based-placement 18 flexbox 18 named-grid-lines 10 flexbox-layout 4 grid-template-areas 4 flex-layout 3 html 3 ascii-art-method 3 website-template 2 flex-direction 2 responsive-layout 2 modern-layout-50 1 alignment 1 layouts 1 modern-layout-08 1 modern-layout-45 1 modern-layout-48 1 modern-layout-49 1 breakpoints 1 modern-layout-06 1 modern-layout-25 1 modern-layout-12 1 modern-layout-05 1 grid 1 modern-layout-04 1 css3-grid 1 modern-layout-03 1 modern-layout-09 1 grid-lines 1 modern-layout-15 1 modern-layout-19 1 modern-layout-20 1 modern-layout-21 1 css-layout 1 single-column-layout 1 modern-layout-22 1 modern-layout-28 1 modern-layout-29 1 modern-layout-30 1 grid-layouts 1 modern-layout-24 1 modern-layout-34 1 modern-layout-37 1 modern-layout-38 1 modern-layout-39 1 modern-layout-36 1 modern-layout-41 1 justification 1 completed 1 challenges-solved 1 50-days-of-code 1 modern-layout-11 1 modern-layout-17 1 mobile-first 1 website-clone 1 contributions-welcome 1 awwwards-app-replica 1 website-development 1 website-design 1 website 1 webdevelopment 1 responsive-design 1 responsive-css 1 responsive 1 modern-web 1 modern-design 1 modern-layout-10 1 modern-layout-13 1 modern-layout-14 1 modern-layout-16 1 modern-layout-18 1 modern-layout-23 1 grid-named-lines 1 modern-layout-27 1 modern-layout-26 1 modern-layout-31 1 modern-layout-32 1 modern-layout-33 1 modern-layout-35 1 modern-layout-40 1 modern-layout-42 1 modern-layout-43 1 modern-layout-44 1 modern-layout-47 1 modern-layout-46 1