I could not understand the query question.

Question

I could not understand the query question.

On the excercise, I was unable to complete the task.
Given in the exercise.
Level 16 (Placing a Grid Item)
Lesson 4.
image.png

Here is the error message in the grid stage stage. {Use the grid-column-start property with correct value.]

Thank you.

Abdulhadi Yunus Aliyu
+2347084933609
binyunus2020@gmail.com
From AirForce Institute of Technology, Kaduna
Nigeria.

css-course

2 years ago by babladee

1 Answer

Login / Signup to Answer the Question.

Login Signup

**kshitijrana14** · Answer 1 · 2022-11-26T06:57:18

Try this one:



<!DOCTYPE html>

<html>

<head>

	<title>CSS Grid Item Placement</title>

	<style>

		.grid {

			display: grid;

			background-color: #d6d1f5;

			padding: 20px;

			grid-template-columns: [start] auto [line2] auto [line3] auto [end];

		}

		.item {

			background-color: #E7E4F8;

			border: 1px solid black;

			padding: 20px;

			text-align: center;

		}

		.item-x {

			background-color: #ED639E;

			grid-column-start: 2;

			grid-column-end: 3;

			grid-row-start: 2;

			grid-row-end: span 2;

		}

	</style>

</head>

<body>

	<div class="grid">

		<div class="item">1</div>

		<div class="item">2</div>

		<div class="item">3</div>

		<div class="item item-x">4</div>

		<div class="item">5</div>

		<div class="item">6</div>

		<div class="item">7</div>

		<div class="item">8</div>

		<div class="item">9</div>

	</div>

</body>

</html>

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

I could not understand the query question.

1 Answer

Login / Signup to Answer the Question.