Computer scienceFrontendCSSGrid

Grid alignment: self

Theory

Align a grid item with place-self

Report a typo

Write CSS code using the place-self property to align the grid item to the ending edge along the inline axis and to the center along the column axis.

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<title>Grid elements</title>
</head>
<body>
<div class="grid-container">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item item--special"></div>
<div class="item"></div>
</div>
</body>
</html>












Completed 0 of 1
Align a grid item with "item--special' class to the end edge along the inline axis and center it along the column axis
___

Create a free account to access the full topic