From 9c4d8d8c06f49989d249bd9e82e347dc49a2cce4 Mon Sep 17 00:00:00 2001 From: Julie Date: Mon, 16 Dec 2024 12:07:31 +0200 Subject: [PATCH] Created avatar --- 06-lection4/01-avatar/avatar.css | 11 +++++++++++ 06-lection4/01-avatar/index.html | 27 +++++++++++++++++++-------- assets/images/avatar.jpg | Bin 0 -> 11120 bytes 3 files changed, 30 insertions(+), 8 deletions(-) create mode 100644 assets/images/avatar.jpg diff --git a/06-lection4/01-avatar/avatar.css b/06-lection4/01-avatar/avatar.css index e69de29..82fdc46 100644 --- a/06-lection4/01-avatar/avatar.css +++ b/06-lection4/01-avatar/avatar.css @@ -0,0 +1,11 @@ +.avatar { + width: 102px; + height: 102px; +} + +.avatar__img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 50%; +} \ No newline at end of file diff --git a/06-lection4/01-avatar/index.html b/06-lection4/01-avatar/index.html index cf60a22..f23ac7e 100644 --- a/06-lection4/01-avatar/index.html +++ b/06-lection4/01-avatar/index.html @@ -1,11 +1,22 @@ - - - - - - - - + + + + + Avatar + + + + + + +
+
+ userpic photo +
+
+ + + \ No newline at end of file diff --git a/assets/images/avatar.jpg b/assets/images/avatar.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3b653af35234960fbca82adbac6f917d2b081a4f GIT binary patch literal 11120 zcmb7~Wl&se)2?S=aLM5A4uc1W;0__UTX1&??(QxjxVuAu;3U8RAwY0}uh+TPH2_#nN>&O01OfoSw+HaL2oMJ#z`?=8fe_%~;SmuK z5K%BuP>_*PaNmK^FbQ#q2nlcr@QKOkDTzsGN%0A&*r;h4nV4Cai6}X^*dbi>5N60f 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 literal 0 HcmV?d00001