tarasis
/
rmcg.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Point at which I'm happy with the mobile to sign off on it.

This commit is contained in:
Robert McGovern 2020-09-27 16:20:14 +01:00
parent a1e4c4e86f
commit 853481f3b8
4 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
FrontendMentor/four-card-feature-section/css/style.css
View File

@ -77,25 +77,26 @@ body {
.middleSection { .middleSection {
margin-top: 2.45rem; margin-top: 2.5rem;
} }
.card { .card {
margin-top: 1.35rem; margin-top: 1.3rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: white; background-color: white;
border-top: 4px solid; border-top: 4px solid;
box-shadow: 0px 3px 5px var(--veryLightGray); border-radius: 6px;
padding: 23px 30px 25px 30px; box-shadow: 0px 10px 15px rgba(0, 0, 255, 0.15);
padding: 23px 30px 26px 30px;
} }
.card-title { .card-title {
font-size: 18px; font-size: 20px;
color: var(--veryDarkBlue); color: var(--veryDarkBlue);
font-weight: 600; font-weight: 600;
} }
.card-blurb { .card-blurb {
margin-top: 0.4rem; margin-top: 0.3rem;
color: var(--grayishBlue); color: var(--grayishBlue);
font-size: 13px; font-size: 13px;
} }

BIN
FrontendMentor/four-card-feature-section/notes/mobile-final-diff.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
FrontendMentor/four-card-feature-section/notes/mobile-final-side-by-side.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

4
FrontendMentor/four-card-feature-section/notes/process.md
View File

@ -52,4 +52,8 @@ Picking up from yesterday.
38 minutes later. Mobile is virtually exact apart from shadow on the cards. 38 minutes later. Mobile is virtually exact apart from shadow on the cards.
Basically bits of tweaking to fit. Not a horrendous amount. Havent looked at how it looks on desktop yet :) Basically bits of tweaking to fit. Not a horrendous amount. Havent looked at how it looks on desktop yet :)
So how to judge what the shadow should be? what is the trick to that? Basically experimentation it seems.
![mobile final side by side](mobile-final-diff.png)
![mobile final diff'd](mobile-final-side-by-side.png)