aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAryadev Chavali <aryadevchavali1@gmail.com>2019-02-18 18:21:06 +0000
committerAryadev Chavali <aryadevchavali1@gmail.com>2019-02-18 18:21:06 +0000
commit04fab7ff3fe68caf5baf98e07d493715abe161ad (patch)
treec3e2fdb9ce1d59c5a87ef813cd9a09dae7ff0472
parent98ccbeaeb1ae821d2562c1ef6d059d78d605a064 (diff)
downloadnewsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.tar.gz
newsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.tar.bz2
newsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.zip
Developed css using css grid, with color kept when visiting links
-rw-r--r--Website/css/main.css32
1 files changed, 32 insertions, 0 deletions
diff --git a/Website/css/main.css b/Website/css/main.css
index e69de29..ca052da 100644
--- a/Website/css/main.css
+++ b/Website/css/main.css
@@ -0,0 +1,32 @@
+* {
+ --size: 20em;
+ /*Image size*/
+}
+
+#root {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ grid-template-rows: repeat(20, 1fr);
+ grid-gap: 2em;
+}
+
+.Frame {
+ outline: grey 0.5em auto;
+}
+
+.Frame h1 {
+ display: inline;
+ align-content: center;
+ font-family: 'Poppins', sans-serif;
+}
+
+.Frame a:link,
+.Frame a:visited {
+ color: black;
+}
+
+.Frame img {
+ display: block;
+ background-size: cover;
+ width: 38em;
+} \ No newline at end of file