From 0f5ed60d0102a047327a5dfb84dc9d425752f6a6 Mon Sep 17 00:00:00 2001 From: sairaj mote Date: Mon, 22 Mar 2021 18:06:27 +0530 Subject: [PATCH] fix grammer --- css/main.css | 100 +++++++++++++------------------------------------- css/main.scss | 20 +++++----- index.html | 2 +- 3 files changed, 37 insertions(+), 85 deletions(-) diff --git a/css/main.css b/css/main.css index fd95426..090f823 100644 --- a/css/main.css +++ b/css/main.css @@ -1,14 +1,13 @@ -@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap"); * { margin: 0; padding: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-family: 'Open sans', sans-serif; + box-sizing: border-box; + font-family: "Roboto", sans-serif; } body { - font-size: 16px; + font-size: clamp(1rem, 1.2vmax, 4rem); --accent-color: hsl(268,74,51); --hue: 268; --saturation: 74%; @@ -17,43 +16,25 @@ body { --foreground-color: 255, 255, 255; scroll-behavior: smooth; overflow: hidden; - display: -ms-grid; display: grid; - -ms-grid-rows: auto 1fr; - grid-template-rows: auto 1fr; + grid-template-rows: auto 1fr; } main { - -ms-scroll-snap-type: y mandatory; - scroll-snap-type: y mandatory; + scroll-snap-type: y mandatory; max-height: calc(100vh - 6rem); - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; overflow-y: auto; } -a:-webkit-any-link { - text-decoration: none; - color: inherit; -} - -a:-moz-any-link { - text-decoration: none; - color: inherit; -} - a:any-link { text-decoration: none; color: inherit; } h1, h2, h3, h4, h5 { - font-family: 'Poppins', sans-serif; + font-family: "Poppins", sans-serif; font-weight: 600; } @@ -82,28 +63,23 @@ h5 { } p { - font-family: 'Open sans', sans-serif; + font-family: "Roboto", sans-serif; line-height: 1.6; max-width: 70ch; - color: rgba(0, 0, 0, 0.9); + font-size: 1.2rem; + color: rgba(var(--text-color), 0.8); } header { z-index: 2; - position: -webkit-sticky; position: sticky; top: 0; height: 6rem; - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 100%; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + align-items: center; padding: 1.5rem; } - header .identity { text-transform: uppercase; margin-left: auto; @@ -111,72 +87,47 @@ header .identity { } section { - display: -webkit-box; - display: -ms-flexbox; display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; + flex-direction: column; + justify-content: center; + flex: 1; padding: 1.5rem; min-height: 100vh; scroll-snap-align: start; } - section h1 { text-transform: uppercase; font-weight: 800; } - section sm-button { - display: -webkit-inline-box; - display: -ms-inline-flexbox; display: inline-flex; - width: -webkit-max-content; - width: -moz-max-content; width: max-content; margin-top: 1.5rem; - font-family: 'Poppins', sans-serif; + font-family: "Poppins", sans-serif; } .card { - display: -webkit-box; - display: -ms-flexbox; display: flex; width: 18rem; min-width: 18rem; overflow: hidden; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; margin-right: 1.5rem; border-radius: 0.2rem; background: rgba(0, 0, 0, 0.06); border: solid 1px rgba(0, 0, 0, 0.1); } - .card img { height: 100%; width: 100%; - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .card p, .card h4 { padding: 0 1rem; } - .card h4 { padding-top: 1rem; } - .card p { padding-bottom: 1rem; } @@ -202,25 +153,24 @@ sm-carousel::part(carousel) { @media screen and (min-width: 640px) { h1 { - font-size: 4rem; + font-size: 3.5rem; } + + p { + font-size: 1.2rem; + } + section, header { padding: 2rem 4rem; } } - @media screen and (min-width: 1280px) { section, header { padding: 2rem 6vw; } } - @media screen and (min-width: 1920px) { - body { - font-size: 18px; - } section, header { padding: 2rem 8vw; } -} -/*# sourceMappingURL=main.css.map */ \ No newline at end of file +} \ No newline at end of file diff --git a/css/main.scss b/css/main.scss index 30d10d4..acdd06e 100644 --- a/css/main.scss +++ b/css/main.scss @@ -1,12 +1,12 @@ -@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;700&display=swap'); *{ margin: 0; padding: 0; box-sizing: border-box; - font-family: 'Open sans', sans-serif; + font-family: 'Roboto', sans-serif; } body{ - font-size: 16px; + font-size: clamp(1rem, 1.2vmax, 4rem); --accent-color: hsl(268,74,51); --hue: 268; --saturation: 74%; @@ -53,10 +53,11 @@ h5{ font-size: 0.8rem; } p{ - font-family: 'Open sans', sans-serif; + font-family: 'Roboto', sans-serif; line-height: 1.6; max-width: 70ch; - color: rgba($color: #000000, $alpha: 0.9); + font-size: 1.2rem; + color: rgba(var(--text-color), 0.8); } header{ z-index: 2; @@ -136,7 +137,10 @@ sm-carousel::part(carousel){ } @media screen and (min-width: 640px){ h1{ - font-size: 4rem; + font-size: 3.5rem; + } + p{ + font-size: 1.2rem; } section, header{ padding: 2rem 4rem; @@ -148,9 +152,7 @@ sm-carousel::part(carousel){ } } @media screen and (min-width: 1920px){ - body{ - font-size: 18px; - } + section, header{ padding: 2rem 8vw; } diff --git a/index.html b/index.html index b9ac172..c2da813 100644 --- a/index.html +++ b/index.html @@ -206,7 +206,7 @@

Content Collaboration as a sample application

Concept Presentation -

Content Collaboration app is a way for anonymous users across the Internet to collaborate and create beautiful articles. These articles are then published on RanchiMall times.

+

Content Collaboration app is a way for anonymous users across the Internet to collaborate and create beautiful articles. These articles are then published on RanchiMall Times.