While I add the border to Cappucchino and Mocha images, the images are crossing the border limit. I am curious to know why is this happening and how can it be resolved. I have uploaded my screenshots of the code. It would be great if my issue is resolved.
Code of “index.html”
<!DOCTYPE html>
<html>
<head>
<title>Best Coffee store in India</title>
<link rel="stylesheet" type="text/css" href="coffeeshop.css">
</head>
<body>
<div class="available-coffee out-of-stock" id="mocha">
<h4>Mocha</h4>
<img src="mocha.png" class="image">
</div>
<div class="available-coffee in-stock">
<h4>Cappucchino</h4>
<img src="cappucchino.png" class="image">
</div>
</body>
</html>