Skip to content

Commit 7953066

Browse files
committed
Changes to basic layout
1 parent e9f3c6c commit 7953066

File tree

2 files changed

+33
-17
lines changed

2 files changed

+33
-17
lines changed

src/index.html

Lines changed: 24 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -28,23 +28,32 @@ <h1>Welcome to my Blog</h1>
2828

2929
<nav class="hamburger-menu">
3030
<a href="#" class="menu-icon border"></a>
31-
<ul class="menu">
32-
<li>
33-
<a href="#">About</a>
34-
</li>
35-
<li>
36-
<a href="#">Portfilio</a>
37-
</li>
38-
<li>
39-
<a href="#">Tutorials</a>
40-
</li>
41-
<li>
42-
<a href="#">Blog Posts</a>
43-
</li>
44-
</ul>
31+
4532
</header>
4633

47-
<
34+
<ul class="menu">
35+
<li>
36+
<a href="#">About</a>
37+
</li>
38+
<li>
39+
<a href="#">Portfilio</a>
40+
</li>
41+
<li>
42+
<a href="#">Tutorials</a>
43+
</li>
44+
<li>
45+
<a href="#">Blog Posts</a>
46+
</li>
47+
</ul>
48+
49+
<section class="posts">
50+
<ul class="posts">
51+
<li>{{post}}</li>
52+
<li>{{post}}</li>
53+
<li>{{post}}</li>
54+
<li>{{post}}</li>
55+
</ul>
56+
4857

4958

5059
</main>

src/scss/_common.scss

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,6 @@ header {
66
color: #fff;
77
}
88

9-
10-
119
.menu-icon {
1210
position: relative;
1311
display: inline-block;
@@ -36,3 +34,12 @@ header {
3634
}
3735

3836
}
37+
38+
.menu {
39+
float: right;
40+
display: inline-block;
41+
42+
a {
43+
text-decoration: none;
44+
}
45+
}

0 commit comments

Comments
 (0)