Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính grid-row-end trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.divcha{background:red; width:100%; height:auto; margin-bottom:10px; display: grid; grid-gap: 10px; padding: 10px; grid-template-columns: auto auto auto auto;}
.divcha div {background:green; color:#fff; text-align: center;
  padding: 20px 0;
  font-size: 15px;}
</style>
</head>
<body>

<h1>Code Thuộc tính grid-row-end trong CSS</h1>
<p>Kết hợp với thuộc tính grid-row-start để quy định vị trí của phần tử đầu tiên, sau đó grid-row-end quy định phần tử đầu tiên chiếm mấy ô trên cột 1 theo chiều dọc trở xuống:</p>

<h4>grid-row-start:1;grid-row-end: 3; Quy định phần tử đầu tiên chỉ nằm trên cột 1, bắt đầu từ hàng thứ 1 và trải dọc xuống trước hàng thứ 3</h4>
<div class="divcha">
	<div style="grid-row-start:1;grid-row-end: 3;">1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
</div>

<h4>grid-row-start:1;grid-row-end: span 3; Quy định phần tử đầu tiên chỉ nằm trên cột 1, bắt đầu từ hàng thứ 1 và trải dọc xuống chiếm 3 ô của 3 hàng, các phần tử còn lại chạy bình thường và không chiếm chổ của phần tử đầu tiên</h4>
<div class="divcha">
	<div style="grid-row-start:1;grid-row-end: span 3;">1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
</div>

<h4>grid-row-start:2;grid-row-end: span 3; Quy định phần tử đầu tiên chỉ nằm trên cột 1, bắt đầu từ hàng thứ 2 và trải dọc xuống chiếm 3 ô của 3 hàng, các phần tử còn lại chạy bình thường và không chiếm chổ của phần tử đầu tiên</h4>
<div class="divcha">
	<div style="grid-row-start:2;grid-row-end: span 3;">1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
</div>

<h4>grid-row-start:1;grid-row-end: 4; Quy định phần tử đầu tiên chỉ nằm trên cột 1, bắt đầu từ hàng thứ 1 và trải dọc xuống trước hàng thứ 4</h4>
<div class="divcha">
	<div style="grid-row-start:1;grid-row-end: 4;">1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
</div>

</body>
</html>

Code Thuộc tính grid-row-end trong CSS nằm trong bài viết Thuộc tính grid-row-end trong CSS