From 8f72364d7bac379c477d0797e6b8eb236792b6fa Mon Sep 17 00:00:00 2001 From: yati1998 Date: Tue, 6 Oct 2020 11:19:55 +0530 Subject: [PATCH] UI improvements in project2 Added hover to the images and spacing Signed-off-by: yati1998 --- project 2/index.html | 24 ++++++++++++------------ project 2/style.css | 16 ++++++++++++++-- 2 files changed, 26 insertions(+), 14 deletions(-) diff --git a/project 2/index.html b/project 2/index.html index 1439fc1..3461098 100644 --- a/project 2/index.html +++ b/project 2/index.html @@ -57,44 +57,44 @@

The Image Galle
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
- +
diff --git a/project 2/style.css b/project 2/style.css index 1f56960..d6e34f6 100644 --- a/project 2/style.css +++ b/project 2/style.css @@ -22,12 +22,24 @@ h1{ img{ box-shadow: - inset 0 -3em 3em rgba(209, 7, 7, 0.9), + inset 0 -3em 3em rgba(209, 7, 182, 0.801), 0 0 0 2px rgb(255,255,255), 0.3em 0.3em 1em rgba(207, 34, 34, 0.3); } +.image:hover{ + + opacity: 0.7; +} +.image{ + height: 200px; + padding: 5px; + margin-top: 5px; +} .col-lg-4{ - height:196px; + height:250px; } +p{ + font-size: 25px; +} \ No newline at end of file