Skip to content

Commit 99966e8

jwilferd10 jwilferd10

committed

Feat: Added smaller img on footer, worked on some style

1 parent 5eacd40 commit 99966e8Copy full SHA for 99966e8

File tree

3 files changed

+26

-3

lines changed

assets
- css
  - style.css
- img
  - GitHub64.png
index.html

3 files changed

+26

-3

lines changed

`‎assets/css/style.css‎`

Lines changed: 21 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,7 @@ header h1 {`
`140`	`140`	`overflow: hidden;`
`141`	`141`	`}`
`142`	`142`
`143`		`-#footerImg {`
	`143`	`+#footerImg1 {`
`144`	`144`	`display: block;`
`145`	`145`	`margin-left: auto;`
`146`	`146`	`margin-right: auto;`
`@@ -152,6 +152,19 @@ header h1 {`
`152`	`152`	`text-align: left;`
`153`	`153`	`}`
`154`	`154`
	`155`	`+#footerImg2 {`
	`156`	`+ display: block;`
	`157`	`+ margin-left: auto;`
	`158`	`+ margin-right: auto;`
	`159`	`+ position: fixed;`
	`160`	`+ padding: 20px 35px;`
	`161`	`+ left: 0;`
	`162`	`+ right: 0;`
	`163`	`+ bottom: 0;`
	`164`	`+ text-align: left;`
	`165`	`+ display: none;`
	`166`	`+}`
	`167`	`+`
`155`	`168`	`/* Media Queries */`
`156`	`169`
`157`	`170`	`@media (max-width: 690px) {`
`@@ -198,13 +211,19 @@ header h1 {`
`198`	`211`
`199`	`212`	`@media (max-width: 350px) {`
`200`	`213`	`#password {`
`201`		`- padding-bottom: 50%;`
	`214`	`+ padding-bottom: 100%;`
`202`	`215`	`}`
`203`	`216`	`h2 {`
`204`	`217`	`font-size: 110%;`
`205`	`218`	`white-space: nowrap;`
`206`	`219`	`text-align: center;`
`207`	`220`	`}`
	`221`	`+ #footerImg1 {`
	`222`	`+ display: none;`
	`223`	`+ }`
	`224`	`+ #footerImg2 {`
	`225`	`+ display: block;`
	`226`	`+ }`
`208`	`227`	`}`
`209`	`228`
`210`	`229`	`@media (max-width: 300px) {`

`‎assets/img/GitHub64.png‎`

2.56 KB

Loading[フレーム]

`‎index.html‎`

Lines changed: 5 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,11 @@ <h2>Generate a Password</h2>`
`46`	`46`	`<!-- Footer -->`
`47`	`47`	`<footer>`
`48`	`48`	`<a>`
`49`		`- <img src="./assets/img/GitHub.png" alt="GitHub Logo and Link" id="footerImg">`
	`49`	`+ <img src="./assets/img/GitHub.png" alt="GitHub Logo and Link" id="footerImg1">`
	`50`	`+ </a>`
	`51`	`+`
	`52`	`+ <a>`
	`53`	`+ <img src="./assets/img/GitHub64.png" alt="GitHub Logo and Link" id="footerImg2">`
`50`	`54`	`</a>`
`51`	`55`	`</footer>`
`52`	`56`	`</main>`

0 commit comments

Comments

(0)