From 75c631c7efba69ced8468a544bee006050209f47 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Sat, 11 Sep 2021 14:36:45 +0100 Subject: [PATCH] added backgrounds to corners, and some minor tweaks --- .../profile-card-component/css/style.css | 26 ++++++++++++++++++- .../newbie/profile-card-component/index.html | 2 ++ 2 files changed, 27 insertions(+), 1 deletion(-) diff --git a/FrontendMentor/newbie/profile-card-component/css/style.css b/FrontendMentor/newbie/profile-card-component/css/style.css index e82373a..0ba4501 100644 --- a/FrontendMentor/newbie/profile-card-component/css/style.css +++ b/FrontendMentor/newbie/profile-card-component/css/style.css @@ -82,7 +82,7 @@ body { .stats { display: flex; - justify-content: space-around; + justify-content: space-evenly; margin-top: 1.5rem; padding-bottom: 1.5rem; } @@ -113,6 +113,30 @@ body { margin-top: 0.5625rem; } +.topCircle, .bottomCircle { + position: absolute; + width: 100vw; + height: 100vh; + background-size: auto; + transform: translate(-50%, -50%); + z-index: -1; + opacity: 0.75; +} + +.topCircle { + background: url(../images/bg-pattern-top.svg) no-repeat bottom right; + + top: 0; + left: 0; +} + +.bottomCircle { + background: url(../images/bg-pattern-bottom.svg) no-repeat top left; + + top: 100%; + left: 100%; +} + .attribution { position: absolute; font-size: 11px; diff --git a/FrontendMentor/newbie/profile-card-component/index.html b/FrontendMentor/newbie/profile-card-component/index.html index be8016c..5b6ebb4 100644 --- a/FrontendMentor/newbie/profile-card-component/index.html +++ b/FrontendMentor/newbie/profile-card-component/index.html @@ -18,6 +18,7 @@
+
@@ -51,6 +52,7 @@
+
Challenge by Frontend Mentor.