[Video] Overview kiến thức HTML/CSS/JS + Responsive trong CSS - C2110L

#index.html

Name: ZicZac: Thiết kế web & app & quản lý tồn kho
Address: Số 08 Tôn Thất Thuyết, Cầu Giấy, Hà Nội, Nam Từ Liêm, Hà Nội, 100000
Telephone: 0967025996
Price range: $$$

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Response Web</title>

	<style type="text/css">
		.row {
			width: 100%;
		}

		.item {
			width: calc(100% / 4);
			float: left;
		}

		@media only screen and (max-width:  600px) {
			.item {
				width: calc(100% / 2);
				float: left;
			}
		}

		@media only screen and (min-width:  600px) and (max-width: 800px) {
			.item {
				width: calc(100% / 3);
				float: left;
			}
		}

		.container {
			margin: 10px;
			padding: 10px;
			border: solid grey 2px;
		}
	</style>
</head>
<body>
<div class="row">
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
	<div class="item">
		<div class="container">
			<img src="https://gokisoft.com/uploads/stores/49/2021/10/coding-c-program.jpg" style="width: 100%">
			<p>Phần 1 | Mở đầu cầu trúc dữ liệu & giải thuật là gì? | Khoá học cấu trúc dữ liệu & giải thuật</p>
		</div>
	</div>
</div>
</body>
</html>

[Video] Overview kiến thức HTML/CSS/JS + Responsive trong CSS - C2110L

#index.html

Tags:

Phản hồi từ học viên

5

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó