diff --git a/WV7/responsive.html b/WV7/responsive.html
index 33ed5b9803a191e800ce5a16ae4b3219392115ab..05d0f0666611a0a1eaf9e4b57931f924d4744b75 100644
--- a/WV7/responsive.html
+++ b/WV7/responsive.html
@@ -2,6 +2,7 @@
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+ <link rel="stylesheet" href="styles.css">
</head>
<body>
@@ -28,13 +29,13 @@
<div class="text-center my-5">
<h1 class="display-4">Welcome to our website!</h1>
<p class="lead">We are excited to have you here. Our website is designed to provide you with the best user experience possible. We pride ourselves on offering a great selection of products and services, as well as easy navigation and helpful customer support. Thank you for visiting!</p>
- </div>
+ </div>
- <div class="container">
+ <section class="container">
<form>
<div class="form-group">
- <label for="exampleInputName">Name</label>
+ <label for="exampleInputName">Full Name</label>
<input type="text" class="form-control" id="exampleInputName">
</div>
<div class="form-group">
@@ -51,11 +52,11 @@
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
- </div>
+ </section>
- <div class="container">
- <img src="Strawberry_ice_cream_cone_(5076899310).jpg" class="img-fluid" alt="Responsive image" style="scale: 50%;">
- </div>
+ <article class="container">
+ <img src="Strawberry_ice_cream_cone_(5076899310).jpg" class="img-fluid" alt="Responsive image">
+ </article>
<footer class="bg-dark text-white py-3">
<div class="container">
@@ -86,4 +87,6 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/WV7/styles.css b/WV7/styles.css
index b16827f7d884eed53175b1b345d1a5c32cc9f182..c035136dd90d477186633c26b56cdfb5c9bdaf8c 100644
--- a/WV7/styles.css
+++ b/WV7/styles.css
@@ -3,6 +3,21 @@
padding: 0;
}
-body {
+body{
font: 1rem/1.5 var(--bs-font-sans-serif);
+ }
+
+.text-center.my-5 p{
+ margin: 5rem;
+ }
+
+article.container{
+ display: flex;
+ padding: 0;
+ justify-content: center;
+ }
+
+article.container img{
+ scale: 80%;
+ border-radius: 10px;
}
\ No newline at end of file