From 6141774294b8f4395e82016aec98a9e1bf9fe97d Mon Sep 17 00:00:00 2001 From: xarlizard Date: Sun, 27 Oct 2024 11:07:25 +0100 Subject: [PATCH] Avatar responsive for phone devices --- index_old.html | 32 ------------------------ src/css/index.css | 64 ----------------------------------------------- src/css/style.css | 5 +++- 3 files changed, 4 insertions(+), 97 deletions(-) delete mode 100644 index_old.html delete mode 100644 src/css/index.css diff --git a/index_old.html b/index_old.html deleted file mode 100644 index 865abb0..0000000 --- a/index_old.html +++ /dev/null @@ -1,32 +0,0 @@ - - - - - - - - - Charlie - - - -
- user-photo -

Charlie Rios

-

Barcelona, Spain

-

"Web 3.0 Developer & IT Consultant"

- - - - - - - - -
-
-
- Coded by xarlizard. -
- - \ No newline at end of file diff --git a/src/css/index.css b/src/css/index.css deleted file mode 100644 index acd45f0..0000000 --- a/src/css/index.css +++ /dev/null @@ -1,64 +0,0 @@ -@font-face { - font-family: 'Inter'; - src: url('./src/fonts/Inter-VariableFont_slnt\,wght.ttf'); - font-style: normal; -} -body{ - background-color: #141414; - color:#ffffff; - font-family: 'Inter'; -} -.container{ - margin-top:7%; - margin-left: auto; - margin-right: auto; - width: 340px; - height: 630px; - text-align: center; - background-color: #1f1f1f; - border-radius: 10px; - padding-top:30px; -} -img{ - max-width: 90px; - border-radius: 50%; -} -.name{ - font-weight: 600; - font-size: 20px; -} -.location{ - margin-top: -10px; - color:hsl(75, 94%, 57%); - font-size: 12px; - font-weight: 600; -} -.description{ - padding-top: 10px; - font-size:12px; -} -button { - border: none; - border-radius: 10px; - color:#ffffff; - background-color: #333333; - width:280px; - text-align: center; - font-size: 13px; - font-weight: 600; - margin: 7px 0px; - cursor: pointer; - padding-top: 15px; - padding-bottom: 15px; -} -button:hover{ - color:hsl(0, 0%, 12%); - background-color: hsl(75, 94%, 57%); -} -.attribution { - font-size: 11px; - text-align: center; -} -.attribution a { - color: hsl(228, 45%, 44%); -} \ No newline at end of file diff --git a/src/css/style.css b/src/css/style.css index 09bceed..0f2547d 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -30,8 +30,8 @@ header{ } .topHeader{ display: flex; + flex-direction: column; gap: 10px; - flex-direction: row; align-items: center; } .topHeader h1{ @@ -351,6 +351,9 @@ hr{ flex-direction: row; justify-content: space-between; } + .topHeader{ + flex-direction: row; + } .topHeader h1{ font-size: 33px; }