Responsive image Grid
<!doctype html>
<html>
<head>
<title></title>
</head>
<style>
*{
box-sizing:border-box;
}
header{
margin:0;
font-family:arial;
}
</style>
<body>
<div class="header">
<h1>Responsive image grid</h1>
<h2>Responsive effect</h2>
<div class="row">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRepCoPVhIXI3rEUss3pxeNaHcqwHHgVHZTeQ&usqp=CAU"
style="width:100%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTigzv3Ag525N1qTfA9lY-nsPVpjhTiS5S_gmJO92heCE2stfydnceBGsziZeHQxz2TCVM&usqp=CAU"
style="width:100%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSFMHzPwwHx8j_oxFE-8RHC3eq7Jn2qgV1ap9TqkEt3fIcbNmbq2xKYiRS1sx-_Z0FQsF8&usqp=CAU"
style="width:100%">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSIgn8Q7sPVVVd33OdTN2P9t_spzVwPFP71Aw&usqp=CAU"
style="width:100%">
</div>
</body>
</html>
Output
Post a Comment