From 4fe4b70ee11671534a4531018c3a85ee69d298f9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= Date: Thu, 24 Jan 2019 12:41:06 +0100 Subject: [PATCH] ui(members' avatars): avatars are more responsive --- src/styles/members.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/styles/members.scss b/src/styles/members.scss index 8d0db5f..6688951 100644 --- a/src/styles/members.scss +++ b/src/styles/members.scss @@ -70,13 +70,21 @@ } sib-display-img { - flex-basis:150px; - height: 300px; + background-color: white; + border-radius: 50%; + height: 28vh; margin: 1em auto; - width: 50%; + overflow: hidden; + position: relative; + width: 28vh; + img { - border-radius: 100%; + height: 100%; + left: 0; + object-fit: cover; + position: absolute; + top: 0; width: 100%; } }