This page works on your laptop, but not for everyone. Fix what is missing.
What to build
The same page, ready for phones, for Bangla readers and for screen readers.
Requirements
- The document language is Bangla:
lang="bn". - A UTF-8 charset line is the first element in the head.
- A viewport line with
width=device-width, initial-scale=1. - The title is
আমার পাতা. - A comment somewhere in the body with the word
footerin it.
Constraints
Keep the h1 exactly as it is.
Example
<meta name="viewport" content="width=device-width, initial-scale=1">
Why it works
Each line helps a different visitor: the charset keeps the Bangla letters intact, the viewport serves phones, and lang tells a screen reader which voice to use.
Hints
Hint 1
The lang attribute goes on the html element. Bangla is bn.
Hint 2
The viewport meta needs both name and content attributes.
Hint 3
A comment starts with an exclamation mark and two dashes.
Solution
Show one correct solution (try it yourself first)
<!doctype html>
<html lang="bn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>আমার পাতা</title>
</head>
<body>
<h1>স্বাগতম</h1>
<!-- footer goes here later -->
</body>
</html>