Skip to content

Commit

Permalink
add: basic grid layout, dummy content
Browse files Browse the repository at this point in the history
  • Loading branch information
codedstrings committed Feb 6, 2024
1 parent 147fa47 commit 8e09b47
Showing 2 changed files with 57 additions and 9 deletions.
39 changes: 30 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Admin-dashboard</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>helloworld</h1>
</body>
</html>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="page-wrapper">
<div class="header">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum,
nesciunt maxime tempora optio, veritatis facere sed corrupti ipsum
alias, ut quasi voluptate? Dolorem, culpa minima dicta amet optio
expedita architecto
</div>
<div class="left-sidebar">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius
consequatur repudiandae explicabo natus, ut debitis distinctio ducimus
maxime, minima ullam minus dolor! Deserunt maxime provident blanditiis
asperiores laudantium reiciendis facilis.
</div>
<div class="main">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus
temporibus nihil quae, exercitationem eius tenetur ipsum repellat esse
optio, alias eaque unde eligendi incidunt, nobis nemo. Illum distinctio
repellendus nobis.
<div class="right-sidebar"></div>
</div>

</div>
</body>
</html>
27 changes: 27 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
border: inherit;
}

body{
border: 1px solid;
}
.page-wrapper{
display: grid;
grid-template-columns: 1fr 3fr;
grid-template-rows: 1fr 3fr;
}
.header{
grid-column: 2/3;
}
.main{
grid-column: 2/3;
}
.left-sidebar{
background-color:rgb(0, 183, 255);
grid-column: 1/2;
grid-row: 1/span 2;
min-height: 100vh;
}

0 comments on commit 8e09b47

Please sign in to comment.