diff options
| author | Aryadev Chavali <aryadevchavali1@gmail.com> | 2019-02-18 18:21:06 +0000 |
|---|---|---|
| committer | Aryadev Chavali <aryadevchavali1@gmail.com> | 2019-02-18 18:21:06 +0000 |
| commit | 04fab7ff3fe68caf5baf98e07d493715abe161ad (patch) | |
| tree | c3e2fdb9ce1d59c5a87ef813cd9a09dae7ff0472 /Website/css/main.css | |
| parent | 98ccbeaeb1ae821d2562c1ef6d059d78d605a064 (diff) | |
| download | newsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.tar.gz newsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.tar.bz2 newsaggregator-04fab7ff3fe68caf5baf98e07d493715abe161ad.zip | |
Developed css using css grid, with color kept when visiting links
Diffstat (limited to 'Website/css/main.css')
| -rw-r--r-- | Website/css/main.css | 32 |
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 |