Commit3bf01a6

committed

Responsive navbar and header, header black box lorem lipsum

1 parentc6ee28f commit3bf01a6Copy full SHA for 3bf01a6

File tree

+39

-4

lines changed

+39

-4

lines changed

Lines changed: 36 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -37,7 +37,7 @@ nav ul {`
`37`	`37`	`flex-direction: row;`
`38`	`38`	`align-items: center;`
`39`	`39`	`gap:40px;`
`40`		`-margin-right:5%;`
	`40`	`+margin:0;`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`navullia {`
`@@ -245,6 +245,7 @@ ol {`
`245`	`245`
`246`	`246`	`#search {`
`247`	`247`	`position: relative;`
	`248`	`+margin-right:60px;`
`248`	`249`	`}`
`249`	`250`
`250`	`251`	`#search>svg {`
`@@ -256,4 +257,38 @@ ol {`
`256`	`257`	`#search>input {`
`257`	`258`	`padding-left:40px;`
`258`	`259`	`border-radius:10px;`
	`260`	`+width:100%;`
	`261`	`+}`
	`262`	`+`
	`263`	`+.header {`
	`264`	`+color: white;`
	`265`	`+background-color:rgba(0,0,0,0.404);`
	`266`	`+padding:10px;`
	`267`	`+}`
	`268`	`+`
	`269`	`+.headerp {`
	`270`	`+text-align: justify;`
	`271`	`+}`
	`272`	`+`
	`273`	`+@mediaonly screenand (max-width:1000px) {`
	`274`	`+nav {`
	`275`	`+justify-content: center;`
	`276`	`+align-items: center;`
	`277`	`+flex-direction: column;`
	`278`	`+gap:30px;`
	`279`	`+ }`
	`280`	`+`
	`281`	`+navul {`
	`282`	`+flex-direction: column;`
	`283`	`+justify-content: center;`
	`284`	`+align-items: center;`
	`285`	`+ }`
	`286`	`+`
	`287`	`+header {`
	`288`	`+height:100vh;`
	`289`	`+ }`
	`290`	`+`
	`291`	`+ .post_container {`
	`292`	`+width:80%;`
	`293`	`+ }`
`259`	`294`	`}`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`<header>`
`2`	`2`	`<?phpinclude("navigation.php")?>`
`3`		`- <div>`
`4`		`- <h2>Write blog easily</h2>`
`5`		`- <p>Modern theme for everyone</p>`
	`3`	`+ <div>`
	`4`	`+ <h2>Lorem lipsum dolor sit amet</h2>`
	`5`	`+ <p>Anim aute ex nulla dolor voluptate nostrud tempor est commodo. Minim veniam incididunt ad mollit non commodo culpa labore est. Commodo laboris qui sit occaecat cillum duis ea voluptate. Dolor eu officia sit consequat eu incididunt cillum eiusmod id elit ea aute.</p>`
`6`	`6`	`</div>`
`7`	`7`	`</header>`

Comments

(0)