Responsive Text Resizer

Morgan created a beautiful recipe blog with fixed-width containers and small text. Everything looks perfect on their high-resolution monitor, but when their grandfather Robert, who has age-related vision changes, tries to read the recipes, he zooms his browser to 200% to make the text readable. Unfortunately, the fixed layout causes horizontal scrolling and cuts off important ingredients! Robert gets frustrated and can't follow the recipes. Help Morgan make the layout flexible so users like Robert can zoom in comfortably while still accessing all the content.

Fix layout for 200% zoom

• 1.Use max-width instead of fixed width
• 2.Use relative units like em or rem for text
• 3.Avoid overflow: hidden on content containers