From ea8037ad99c87d09f8a35753e2bf1550b2220508 Mon Sep 17 00:00:00 2001 From: TitanE Date: Thu, 28 Sep 2023 00:13:13 +0300 Subject: [PATCH] fixing homepage --- index.html | 41 +++++------------------------------------ portfolio/style.css | 8 ++++---- style.css | 14 +++++++------- 3 files changed, 16 insertions(+), 47 deletions(-) diff --git a/index.html b/index.html index 268c9ed..9d7ebc0 100644 --- a/index.html +++ b/index.html @@ -56,43 +56,12 @@

Latest Posts

diff --git a/portfolio/style.css b/portfolio/style.css index c079785..ee0c7a4 100644 --- a/portfolio/style.css +++ b/portfolio/style.css @@ -1,5 +1,5 @@ b,ol,p,ul{ - font-family:futura; + font-family:"Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif; margin-left: 7.5vw; margin-right: 7.5vw; } @@ -72,7 +72,7 @@ a:hover { opacity: 0; display: flex; flex-direction: column; - font-family: futura; + font-family: "Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif; font-weight: bolder; margin-top: -2.5%; font-size: 150%; @@ -291,13 +291,13 @@ margin-right: 7vw; } @font-face{ - font-family:futura; + font-family:"Helvetica", "Trebuchet MS", "Verdana", "Geneva", "Tahoma", sans-serif; font-weight:400; font-display:swap; src:url("fonts/woff2/futura-woff2.woff2") format('woff2'),url(fonts/woff/futura-woff.woff) format('woff') } @font-face{ - font-family:futura; + font-family:integral; font-weight:700; font-display: swap; src:url("fonts/woff2/integral-woff2.woff2") format('woff2'), url(fonts/woff/integral-woff.woff) diff --git a/style.css b/style.css index d1017b2..a3aaec9 100644 --- a/style.css +++ b/style.css @@ -66,7 +66,8 @@ svg.titles { height: 40; } .pane{ - margin-left:1vw; + padding-left: 1vw; + margin-right: 5px; } .nested-list,.posts,h1,ol,ul{ margin-top:1vw; @@ -182,20 +183,19 @@ div.desc{ } .column { float: left; - width: 33%; - padding: 10px; + width: 33.33%; + padding: 2px; } .row:after { content: ""; - display: grid; + display: flex; grid-template-columns: 1fr 1fr 1fr; clear: both; } .row { - width: 85%; - margin: auto; + width: 100%; } -@media screen and (max-width:px){ +@media screen and (max-width:1150px){ .posts,h1,h2,h3,ol,p,ul{ margin-left:20px; margin-right:20px;