tarasis
/
old_tarasis.net
Archived
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 {
margin-top: 2.45rem;
margin-top: 2.5rem;
}
.card {
margin-top: 1.35rem;
margin-top: 1.3rem;
display: flex;
flex-direction: column;
background-color: white;
border-top: 4px solid;
box-shadow: 0px 3px 5px var(--veryLightGray);
padding: 23px 30px 25px 30px;
border-radius: 6px;
box-shadow: 0px 10px 15px rgba(0, 0, 255, 0.15);
padding: 23px 30px 26px 30px;
}
.card-title {
font-size: 18px;
font-size: 20px;
color: var(--veryDarkBlue);
font-weight: 600;
}
.card-blurb {
margin-top: 0.4rem;
margin-top: 0.3rem;
color: var(--grayishBlue);
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.
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)