diff --git a/src/css/style.css b/src/css/style.css index 496e6faadb3bafc4f175e1bcb726c0c4146dcbcc..aee51fd73726a7ee72329880bb06c7d0ce44907d 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -145,7 +145,7 @@ h4 { flex-direction: column; justify-content: center; align-items: center; - padding: 20px 20px 10px 20px; + padding: 20px 24px 10px 24px; text-align: center; background: radial-gradient(100% 100% at 4.43% 0.11%, rgba(255, 255, 255, 0.8) 0%, rgba(252, 249, 255, 0.8) 100%); box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.05); @@ -185,7 +185,7 @@ h4 { transform: translate(-50%, -50%); font-weight: var(--weight-bold); font-size: 12px; - padding: 3px 15px; + padding: 3px 10px; background: radial-gradient(100% 1892.25% at 0% 0%, #AC42FF 0%, #8A24DA 100%); color: #fff; border-radius: 5px; @@ -228,6 +228,12 @@ h4 { font-size: 14px; } +.project .info { + font-size: 12px; + margin-top: 16px; + line-height: 1.8; +} + .project path { width: 70px; height: 70px; @@ -554,7 +560,7 @@ nav a { background-repeat: no-repeat; background-position: top left; width: 100%; - border: 7px solid var(--body-color); + border: 7px solid #303030; border-radius: 25px; box-shadow: 0 0 40px rgba(0, 0, 0, .15); } @@ -564,7 +570,7 @@ nav a { position: absolute; width: 25%; height: 20px; - background: var(--body-color); + background: #303030; left: 50%; top: 2px; border-radius: 5px; diff --git a/src/img/screen-design.jpg b/src/img/screen-design.jpg index 90054b9efef7b297fa34718349d18ac8458da9f5..918b3d9569cd9f63001cf2dd32b0c35280deefa4 100644 Binary files a/src/img/screen-design.jpg and b/src/img/screen-design.jpg differ diff --git a/src/index.html b/src/index.html index 2570b7a812117bafcba15360cc0e59cffcc24564..4924a7302ab8febfc70b94bbf6c35b4a4589342e 100644 --- a/src/index.html +++ b/src/index.html @@ -100,7 +100,7 @@ </svg> <div class="percent">47%</div> </div> - <div class="title">Redesign website</div> + <div class="title">Shopping List App</div> </div> <div class="project project-large large"> <span class="tag"> @@ -116,7 +116,11 @@ </svg> <div class="percent">75%</div> </div> - <div class="title">Redesign website</div> + <div class="info"> + <div class="title">Recipe Finder</div> + 20h / 40h + </div> + </div> </div> </div>