From c8b33a26a7169b622f48fb08f99e5bce0bea531b Mon Sep 17 00:00:00 2001 From: Rishabh Tripathi Date: Sat, 3 Sep 2022 15:39:42 +0530 Subject: [PATCH] Added Album Background Pattern --- css/phone.css | 9 +++++++++ css/style.css | 15 ++++++++++++--- 2 files changed, 21 insertions(+), 3 deletions(-) diff --git a/css/phone.css b/css/phone.css index cb89e67..00de5db 100644 --- a/css/phone.css +++ b/css/phone.css @@ -23,6 +23,15 @@ margin: 0px 37px -1px -2px } /* Services Section */ +.services-container::before{ + content:""; + position: absolute; + width: 100%; + height: 727rem; + z-index: -1; + opacity:0.5; + background:repeating-linear-gradient(45deg, rgb(228, 160, 160), transparent 200px); +} #services{ flex-direction: column; diff --git a/css/style.css b/css/style.css index 7efcf4f..e15a115 100644 --- a/css/style.css +++ b/css/style.css @@ -118,18 +118,27 @@ display: flex; */ flex-direction: column; /* flex-wrap: wrap;*/ + margin-top:5px; +} +.services-container::before{ + content:""; + position: absolute; + width: 100%; + height: 727rem; + z-index: -1; + opacity:0.5; + background:repeating-radial-gradient(rgb(146, 163, 185), transparent 100px); } - #services .box{ align-items: center; justify-content: center; - border: 2px solid rgb(102, 21, 21); + border: 5px dashed rgb(255, 255, 255); padding: 43px; margin: 33px 446px; border-radius: 28px; color: aliceblue; - background: #381731; + background: #1d0c2b; } #services .box img{ height: 569px;