Skip to content

Commit a1919d0

Browse files
pktcodespktcodes
committed
Emmet Workflow
1 parent f39ce41 commit a1919d0

File tree

2 files changed

+35
-31
lines changed

2 files changed

+35
-31
lines changed

‎index.html‎

Lines changed: 35 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,40 @@
1414
</head>
1515

1616
<body>
17-
<div class="first-image">
18-
<img src="./images/product-1.jpeg" alt="first-image" />
19-
<h1>first image</h1>
20-
</div>
21-
<div class="second-image">
22-
<img src="./images/product-2.jpeg" alt="second-image" />
23-
<h1>second image</h1>
24-
</div>
17+
<!-- Emmet Snippets -->
18+
<!-- h1 -->
19+
<h1></h1>
20+
<!-- h1.first -->
21+
<h1 class="first"></h1>
22+
<!-- h1.first.second -->
23+
<h1 class="first second"></h1>
24+
<!-- h1#first -->
25+
<h1 id="first"></h1>
26+
<!-- h1.first#second -->
27+
<h1 class="first" id="second"></h1>
28+
<!-- .first#third -->
29+
<div class="first" id="third"></div>
30+
<!-- ul>li -->
31+
<ul>
32+
<li></li>
33+
</ul>
34+
<!-- ul>li*5 -->
35+
<ul>
36+
<li></li>
37+
<li></li>
38+
<li></li>
39+
<li></li>
40+
<li></li>
41+
</ul>
42+
<!-- h1{hello world} -->
43+
<h1>hello world</h1>
44+
<!-- ul>li*5{$ hello world} -->
45+
<ul>
46+
<li>1 hello world</li>
47+
<li>2 hello world</li>
48+
<li>3 hello world</li>
49+
<li>4 hello world</li>
50+
<li>5 hello world</li>
51+
</ul>
2552
</body>
2653
</html>

‎styles.css‎

Lines changed: 0 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +0,0 @@
1-
/*
2-
object-fit: cover,contain, fill, none, scale-down
3-
It is similar to background image
4-
*/
5-
6-
img {
7-
width: 100%;
8-
display: block;
9-
height: 300px;
10-
object-fit: cover;
11-
}
12-
13-
.first-image {
14-
float: left;
15-
width: 45%;
16-
margin-right: 5%;
17-
}
18-
19-
.second-image {
20-
float: left;
21-
width: 45%;
22-
margin-right: 5%;
23-
}

0 commit comments

Comments
 (0)