There seems to be an issue with my IMG element on the webpage. Even though I have set the height and width to 100%, there is some extra space at the end of the image.
You can view the problem here:
I have also included a screenshot from the developer tools for reference: https://i.stack.imgur.com/plvXZ.jpg
Below is the HTML code snippet:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
* {margin: 0; padding: 0;}
.balotelli { width: 100%; height: 100% }
body {background-color: red; height: 100%}
html {height: 100%}
</style>
</head>
<body>
<img class="balotelli" src="balotelli.jpg" alt="ss" />
</body>
</html>