I've recently put together an HTML page, but unfortunately, it's not responsive.
My Code
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
width:1333px;
height:800px;
}
.wrapper {
width:"100%;
height:100%;
border:1px solid #000000;
}
</style>
</head>
<body>
<div class="wrapper">
<div>
<h2>London</h2>
<p>London is the capital of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<h2>London</h2>
<p>London is the capital of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<h2>London</h2>
<p>London is the capital of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<h2>London</h2>
<p>London is the capital of England.</p>
<p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
</div>
</body>
</html>
I have completed the creation of this HTML page and provided the code. Can anyone guide me on how to make sure the full text is displayed correctly on mobile and tablet devices?