responsive image

eniac00 · Jan 2, 2022 · 46621f4 · 46621f4
1 parent 629afed
commit 46621f4
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -5,11 +5,18 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <title>Vault</title>
+ <style>
+ img {
+ max-width: 100%;
+ min-width: 300px;
+ height: auto;
+ }
+ </style>
  </head>
  <body style="padding-bottom: 50px">
  <h1 class="text-center mb-3 mt-3">The Vault</h1>
  <div style="text-align: center; padding-bottom: 30px">
- <img src="assets/quran_20-114.png" width="550px" height="339px"/>
+ <img clas="img-fluid" src="assets/quran_20-114.png" width="550px" height="339px"/>
  <h5>and say, “My Lord, increase me in knowledge.”</h5>
  <h6>Quran 20:114</h6>
  </div>