HTML Responsive : – Responsive web design is used to make your web page look appropriate, good, and well placedon all devices (desktop, tablet, smartphone etc.)Responsive web design uses HTML and CSS to resize, hide, shrink, enlarge, or move the content. It makes the content look good on any screen.
<!DOCTYPE html>
<html>
<head>
<title>Intern T point</title>
<meta charset="utf-8"
name="viewport"
content="width=device-width,
initial-scale=1.0" />
<style>
.gfg {
font-size: 40px;
font-weight: bold;
color: green;
text-align: center;
}
.geeks {
font-size: 17px;
text-align: center;
}
p {
text-align: justify;
}
</style>
</head>
<body>
<div class="gfg">Intern t Point</div>
<div class="geeks">HTML Introduction</div>
<p>
What is HTML?
Okay, so this is the only bit of mandatory theory. In order to begin to write HTML, it helps if you know what you are writing.
HTML is the language in which most websites are written. HTML is used to create pages and make them functional.
The code used to make them visually appealing is known as CSS and we shall focus on this in a later tutorial. For now, we will focus on teaching you how to build rather than design.
</p>
</body>
</html>
Responsive web design is broken down into three main components, including flexible layouts, media queries, and flexible media. The first part, flexible layouts, is the practice of building the layout of a website with a flexible grid, capable of dynamically resizing to any width. Flexible grids are built using relative length units, most commonly percentages or em units.
All popular CSS Frameworks offer responsive design.