From ca4fa0b90a7db9dd7c18de79e4d5cd6156fcbd0b Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Sun, 6 Sep 2020 11:27:32 +0100 Subject: [PATCH] Basic styling from style.md. Noted sizes from style doc. Added name and email address to attribution --- .../css/style.css | 25 +++++++++++++++++++ .../ping-coming-soon-page-master/index.html | 4 ++- .../style-guide.md | 4 +-- 3 files changed, 30 insertions(+), 3 deletions(-) diff --git a/FrontendMentor/ping-coming-soon-page-master/css/style.css b/FrontendMentor/ping-coming-soon-page-master/css/style.css index e69de29..51adab4 100644 --- a/FrontendMentor/ping-coming-soon-page-master/css/style.css +++ b/FrontendMentor/ping-coming-soon-page-master/css/style.css @@ -0,0 +1,25 @@ +@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;600;700&display=swap'); + +:root { + /* primary */ + font-size: 16px; + --site-blue: hsl(223, 87%, 63%); + /* secondary */ + --site-paleBlue: hsl(223, 100%, 88%); + --site-lightRed: hsl(354, 100%, 66%); + /* neutral */ + --site-gray: hsl(0, 0%, 59%); + --site-veryDarkBlue: hsl(209, 33%, 12%); +} + +* { + margin: 0; +} + +body { + font-family: 'Libre Franklin', sans-serif; + font-size: 20px; +} + +@media screen and (max-width: 600px) { +} \ No newline at end of file diff --git a/FrontendMentor/ping-coming-soon-page-master/index.html b/FrontendMentor/ping-coming-soon-page-master/index.html index 82ee3f7..b4ebb5e 100644 --- a/FrontendMentor/ping-coming-soon-page-master/index.html +++ b/FrontendMentor/ping-coming-soon-page-master/index.html @@ -5,6 +5,8 @@ + + Frontend Mentor | Ping coming soon page @@ -27,7 +29,7 @@ diff --git a/FrontendMentor/ping-coming-soon-page-master/style-guide.md b/FrontendMentor/ping-coming-soon-page-master/style-guide.md index bafa68a..36bf5c5 100644 --- a/FrontendMentor/ping-coming-soon-page-master/style-guide.md +++ b/FrontendMentor/ping-coming-soon-page-master/style-guide.md @@ -4,8 +4,8 @@ The designs were created to the following widths: -- Mobile: 375px -- Desktop: 1440px +- Mobile: 375px x 812px (design file is 750x1624) +- Desktop: 1440px x 1024px ## Colors