From c6805c63a995bcd92760db31b983ca8b72727531 Mon Sep 17 00:00:00 2001 From: Varsha Date: Tue, 24 Oct 2023 11:32:38 +0530 Subject: [PATCH] Updated BMI Calculator Updated BMI Calculator --- .vscode/settings.json | 3 +++ BMI Calculator/bg_b.jpg | Bin 0 -> 8244 bytes BMI Calculator/index.html | 51 ++++++++++++++++++++++++-------------- 3 files changed, 36 insertions(+), 18 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 BMI Calculator/bg_b.jpg diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/BMI Calculator/bg_b.jpg b/BMI Calculator/bg_b.jpg new file mode 100644 index 0000000000000000000000000000000000000000..58405d4775d50f18392052366f6c1d07f4f04e28 GIT binary patch literal 8244 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 Nyu85uer$92{{UM$y)*y- literal 0 HcmV?d00001 diff --git a/BMI Calculator/index.html b/BMI Calculator/index.html index ee636ff..cfedd8d 100644 --- a/BMI Calculator/index.html +++ b/BMI Calculator/index.html @@ -14,19 +14,26 @@ * { font-family: Quicksand; font-size: 16px; - color: #333; + color: white; + font-weight: 800; +} +html{ + background: url('bg_b.jpg'); + background-repeat: no-repeat; + background-size: cover; } body { margin: 0; height: 100vh; padding: 0; border: 0; - background: linear-gradient(to bottom right, #F1F2B5, #eef2f3); + font-weight: 700; + /* background: linear-gradient(to bottom right, #F1F2B5, #eef2f3); */ } .form { - background-color: #fff; - height: 240px; - width: 450px; + background-color: rgba(255, 255, 255, .1); + height: 640px; + width: 550px; border-radius: 20px; margin: 20px auto 20px auto; display: block; @@ -52,6 +59,9 @@ border: none; outline: none; padding: 5px 10px; + margin-top: 20px; + margin-left: 20px; + margin-right: 10px; cursor: pointer; } .text-input:last-child { @@ -79,22 +89,28 @@ display: inline-block; margin: 5px 20px 5px 8px; } -.row-one { - padding: 30px 20px 15px 20px; +.row-one input{ + /* padding: 30px 20px 15px 20px; */ + /* padding-left: 160px; */ + margin-left: 190px; + align-items: center; + justify-content: center; } .row-two { - padding: 15px 20px 30px 20px; + padding: 15px 20px 30px 50px; } .container { display: inline-block; position: relative; - padding-left: 30px; + padding-left: 27dvh; cursor: pointer; user-select: none; } .container input { position: absolute; opacity: 0; + padding-left: 50px; + } .checkmark { position: absolute; @@ -104,6 +120,8 @@ width: 25px; background-color: #dbeffe; border-radius: 50%; + margin-left: 185px; + } .container:hover input ~ .checkmark { background-color: #cbe7fd; @@ -112,12 +130,7 @@ background-color: #289df6; } h1 { - font-size: 30px; - font-weight: 300; - text-align: center; - color: #289df6; - padding-top: 15px; - display: block; + } h2 { font-size: 22px; @@ -126,14 +139,14 @@ } h3 { font-size: 24px; - font-weight: 300; + font-weight: 800; text-align: center; padding: 15px; } h3 b { font-size: 32px; - font-weight: 300; - color: #289df6; + font-weight: 900; + color: #8fccfd; } .checkmark:after { content: ""; @@ -159,6 +172,8 @@

Body Mass Index Calculator

Age

+
+