Assessment wanted for sizing skill test 1. Task-3

task-3

by EiNzp

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Sizing Task 3: maximum width and images</title>
    <link rel="stylesheet" href="styles/styles.css">
  </head>

  <body>
    
    <div class="box">
      <img src="https://mdn.github.io/css-examples/learn/tasks/sizing/star.png" alt="star">
    </div>

    <div class="box">
      <img src="https://mdn.github.io/css-examples/learn/tasks/sizing/balloons.jpg" alt="balloons">
    </div>

  </body>
</html>

CSS

body {
    background-color: #fff;
    color: #333;
    font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1em;
    margin: 0;
}

.box {
    border: 5px solid #000;
    width: 400px;
    margin-bottom: 1em;
}

/* task execution */

img {
    max-width: 100%;
  }