I'm having an issue with the live server where I've tried adjusting various elements like setting margin-right to 0px, decreasing padding, etc., but nothing seems to fix the problem. Everything is scaled properly but there's an overflow that allows scrolling on the right side, which is unnecessary and disruptive. I can't seem to pinpoint where the problem lies.
html, body {
margin: 0px;
font-family: 'Roboto', sans-serif;
height: 100%;
}
ul, li, a{
text-decoration: none;
list-style-type: none;
margin: 0;
padding: 0;
}
// The rest of the CSS code remains same as provided
The HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
// Head section remain unchanged in this rewrite
</body>
</html>