Commit d9bd65d

Alexandrbig1Open Code Chicago

and

Open Code Chicago

committed

Updated styles

added styles for the project Co-Authored-By: Open Code Chicago <177477938+OpenCodeChicago@users.noreply.github.com>

1 parent 7012283 commit d9bd65dCopy full SHA for d9bd65d

File tree

+50

-3

lines changed

+50

-3

lines changed

Lines changed: 14 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,19 @@`
`7`	`7`	`<link rel="stylesheet" href="styles.css" />`
`8`	`8`	`</head>`
`9`	`9`	`<body>`
`10`		`- <div class="container">form</div>`
	`10`	`+ <header>`
	`11`	`+ <div>logo</div>`
	`12`	`+ <nav>`
	`13`	`+ <ul>`
	`14`	`+ <li><a href="#">Home</a></li>`
	`15`	`+ <li><a href="#">About</a></li>`
	`16`	`+ <li><a href="#">Contact</a></li>`
	`17`	`+ </ul>`
	`18`	`+ </nav>`
	`19`	`+ </header>`
	`20`	`+ <main>`
	`21`	`+ <div class="container">form</div>`
	`22`	`+ </main>`
	`23`	`+ <footer>this is footer</footer>`
`11`	`24`	`</body>`
`12`	`25`	`</html>`

Lines changed: 36 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,42 @@`
	`1`	`+*,`
	`2`	`+*::before,`
	`3`	`+*::after {`
	`4`	`+ margin: 0;`
	`5`	`+ padding: 0;`
	`6`	`+ box-sizing: border-box;`
	`7`	`+}`
	`8`	`+`
	`9`	`+html {`
	`10`	`+ scroll-behavior: smooth;`
	`11`	`+ overflow-x: hidden;`
	`12`	`+}`
	`13`	`+`
`1`	`14`	`body {`
`2`		`- background-color: #f0f0f0;`
	`15`	`+ background-color: #e2e8f0;`
	`16`	`+ display: flex;`
	`17`	`+ flex-direction: column;`
	`18`	`+ align-items: center;`
	`19`	`+ justify-content: space-between;`
	`20`	`+ max-width: 1440px;`
	`21`	`+ width: 100%;`
	`22`	`+ margin: 0 auto;`
	`23`	`+ overflow: hidden;`
	`24`	`+ height: 100vh;`
	`25`	`+}`
	`26`	`+`
	`27`	`+header,`
	`28`	`+footer {`
`3`	`29`	`display: flex;`
`4`	`30`	`align-items: center;`
`5`		`- justify-content: center;`
	`31`	`+ justify-content: space-between;`
	`32`	`+ width: 100%;`
	`33`	`+ background-color: #94a3b8;`
	`34`	`+ padding: 1.2rem 2.4rem;`
	`35`	`+}`
	`36`	`+`
	`37`	`+ul {`
	`38`	`+ display: flex;`
	`39`	`+ gap: 1.6rem;`
`6`	`40`	`}`
`7`	`41`
`8`	`42`	`.container {`

Comments

(0)