Skip to content

Commit a6ff7cd

Browse files
author
Дима
committed
qwe
1 parent 3be3cdf commit a6ff7cd

File tree

5 files changed

+31
-13
lines changed

5 files changed

+31
-13
lines changed

‎.idea/misc.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎.idea/vcs.xml‎

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎header.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,9 @@
22
padding: 0;
33
margin: 0;
44
font-family: 'Open Sans', sans-serif;
5+
}
6+
.fix{
7+
58
}
69
.container{
710
background-color: #f6f2f1;
@@ -17,7 +20,7 @@
1720
padding-right: 20%;
1821
background-color: #312f30;
1922
display: grid;
20-
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
23+
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
2124
grid-auto-rows: 60px;
2225
list-style-type: none;
2326
align-items: center;

‎index.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<body>
1515
<header class="container">
1616
<div class="header">
17-
<ul>
18-
<li href="#" class="here"><a href="#">Home</a></li>
19-
<li href="#"><a href="#">Portfolio</a></li>
20-
<li href="#"><a href="#">About us</a></li>
21-
<li href="#"><a href="#">Contact</a></li>
17+
<ul class="fix">
18+
<li class="here"><a href="#">Home</a></li>
19+
<li><a href="#Portfolio">Portfolio</a></li>
20+
<li><a href="#AboutUs">About us</a></li>
21+
<li><a href="#Contact">Contact</a></li>
2222
</ul>
2323

2424
<div class="heading">
@@ -75,7 +75,7 @@ <h2>Animation</h2>
7575
</div>
7676
</section>
7777
<hr class="sections">
78-
<section class="sections">
78+
<section class="sections" id="Portfolio">
7979
<div class="headOfSection">
8080
<h2>FEATURE PRODUCT</h2>
8181
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
@@ -100,7 +100,7 @@ <h2>FEATURE PRODUCT</h2>
100100
<img src="img/grey.png">
101101
</div>
102102
</section>
103-
<section class="sections">
103+
<section class="sections" id="AboutUs">
104104
<div>
105105
<h2>MEAT OUR TEAM</h2>
106106
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>
@@ -151,11 +151,11 @@ <h2>GET IN TOUCH</h2>
151151
<form class="form">
152152
<input class="input" type="name" placeholder="Name">
153153
<input class="input" type="email" placeholder="Your Main">
154-
<input class="input" type="text" placeholder="Type your message">
154+
<textarea class="input" placeholder="Type your message"></textarea>
155155
<input class="btn" type="button" value="SEND MESSAGE">
156156
</form>
157157
</div>
158-
<div class="contact">
158+
<div class="contact" id="Contact">
159159
<div><b>CONTACT INFO</b></div>
160160
<div>Jalalabad 24 / A, Ambarkhana, Sylhet, Bangladesh</div>
161161
<div>[email protected]</div>

‎sections.css‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
input{
2+
padding-left: 20px;
3+
}
14
.sections{
25
margin-top: 50px;
36
padding-bottom: 40px;
@@ -12,11 +15,11 @@ hr{
1215
}
1316
.firstSection{
1417
display: grid;
15-
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
18+
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
1619
}
1720
.FourDiv{
1821
display: grid;
19-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
22+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
2023
}
2124
.FourDiv > div{
2225
margin-left: 10px;
@@ -167,7 +170,7 @@ hr{
167170
.form > input:nth-child(2) {
168171
grid-area: b;
169172
}
170-
.form > input:nth-child(3) {
173+
.form > textarea {
171174
grid-area: c;
172175
height: 200px;
173176
}

0 commit comments

Comments
 (0)