Skip to content

Commit db54dbe

Browse files
zionkexzionkex
committed
update border
1 parent 9422f76 commit db54dbe

File tree

4 files changed

+109
-98
lines changed

4 files changed

+109
-98
lines changed

‎peppers.html‎

Lines changed: 43 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,66 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
58
<title>contacts</title>
69
<link rel="stylesheet" href="salmonroll.css">
710
<link rel="stylesheet" href="pizzaria.css">
811
<link rel="stylesheet" href="size.css">
912
</head>
13+
1014
<body>
11-
<div class="pizza texture1">
12-
<div class ="down"><h1>Crispy toppings</h1></div>
13-
</div>
15+
<div class="pizza texture1">
16+
<div class="down">
17+
<h1>Crispy toppings</h1>
18+
</div>
19+
</div>
1420

15-
<div class="pizza texture1 fresh">
16-
<div class ="down"><h1>Fresh ingredients</h1></div>
17-
</div>
21+
<div class="pizza texture1 fresh">
22+
<div class="down">
23+
<h1>Fresh ingredients</h1>
24+
</div>
25+
</div>
1826

19-
<div class="pizza texture1">
20-
<div class ="down"><h1>Family portion</h1></div>
21-
</div>
27+
<div class="pizza texture1">
28+
<div class="down">
29+
<h1>Family portion</h1>
30+
</div>
31+
</div>
2232

23-
<div class="pizza texture1 fresh2">
24-
<div class ="down"><h1>Our kitchen</h1></div>
25-
</div>
33+
<div class="pizza texture1 fresh2">
34+
<div class="down">
35+
<h1>Our kitchen</h1>
36+
</div>
37+
</div>
2638

27-
<div class="texture2">
28-
<h1 class="white_color">Contacts</h1>
39+
<div class="texture2">
40+
<h1 class="white_color">Contacts</h1>
2941

30-
<h1>Address: donkeyland, iaaa iaaaa</h1>
42+
<h1>Address: donkeyland, iaaa iaaaa</h1>
3143

32-
<h1>Telephone: +123 45 321 67 41</h1>
44+
<h1>Telephone: +123 45 321 67 41</h1>
3345

34-
<h1>Time working: 24/7 every day</h1>
46+
<h1>Time working: 24/7 every day</h1>
3547

36-
<h1>Delivery: Right to you-- 1-2 minutes</h1>
48+
<h1>Delivery: Right to you-- 1-2 minutes</h1>
3749

38-
<h1>You can call us if you want your food delivered by a group of donkeys contact us or fill out that form.</h1>
39-
</div>
50+
<h1>You can call us if you want your food delivered by a group of donkeys contact us or fill out that form.</h1>
51+
</div>
4052

41-
<div class="order_name texture3 background">
42-
<h1 class="white_color">Order</h1>
43-
<h1>Name</h1>
44-
<h1 class="texture4">Your name</h1>
45-
<h1>Telephone-number</h1>
46-
<h1 class="texture5">+380</h1>
47-
<h1>Pizza order</h1>
48-
<h1 class="texture6">For example: 1x Margarita (30cm)</h1>
49-
</div>
53+
<div class="order_name texture3 background">
54+
<h1 class="white_color">Order</h1>
55+
<h1>Name</h1>
56+
<h1 class="texture4">Your name</h1>
57+
<h1>Telephone-number</h1>
58+
<h1 class="texture5">+380</h1>
59+
<h1>Pizza order</h1>
60+
<h1 class="texture6">For example: 1x Margarita (30cm)</h1>
61+
</div>
5062

51-
<a href="https://www.w3schools.com/quiztest/result.asp">Math</a>
63+
<a href="https://www.w3schools.com/quiztest/result.asp">Math</a>
5264
</body>
65+
5366
</html>

‎pizzemia.css‎

Lines changed: 59 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,130 +1,131 @@
11
@import url('https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap');
2-
.white_color{
2+
3+
.white_color {
34
color: white;
4-
}
5+
}
56

6-
.password{
7+
.password {
78
font-family: Quicksand;
8-
}
9+
}
910

10-
body{
11+
body {
1112
background: #4f14ff;
12-
background: background: #EEAECA;
13-
background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
14-
}
13+
background: #EEAECA;
14+
background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
15+
}
1516

16-
a{
17-
padding-left:225px;
18-
color:#27EEF5;
19-
}
17+
a {
18+
padding-left: 225px;
19+
color: #27EEF5;
20+
}
2021

21-
img{
22-
height:200px;
23-
width:350px;
24-
}
22+
img {
23+
height: 200px;
24+
width: 350px;
25+
}
2526

26-
.donkeyman{
27-
padding-left:525px;
28-
}
27+
.donkeyman {
28+
padding-left: 525px;
29+
}
2930

30-
.catman{
31-
padding-left:525px;
32-
}
31+
.catman {
32+
padding-left: 525px;
33+
}
3334

34-
.dogman{
35-
padding-left:525px;
36-
}
35+
.dogman {
36+
padding-left: 525px;
37+
}
3738

38-
.shrek{
39+
.shrek {
3940
width: 321px;
4041
height: 321px;
4142
border: 5px solid yellow;
42-
border-radius: 25% 25% ;
43-
}
43+
border-radius: 25% 25%;
44+
}
4445

45-
.colorlike{
46+
.colorlike {
4647
padding-left: 120px;
4748
margin-top: 180px;
48-
}
49+
}
4950

50-
.best{
51+
.best {
5152
padding-left: 535px;
5253
margin-top: -170px;
53-
}
54+
}
5455

55-
.fest{
56+
.fest {
5657
padding-left: 970px;
5758
margin-top: -60px;
58-
}
59+
}
5960

60-
.butterfly{
61+
.butterfly {
6162
padding-left: 120px;
6263
margin-top: 150px;
63-
}
64+
}
6465

65-
.qwerty{
66-
color:red;
67-
}
66+
.qwerty {
67+
color: red;
68+
}
6869

69-
.shazam{
70+
.shazam {
7071
color: green;
71-
}
72+
}
7273

73-
.better{
74+
.better {
7475
padding-left: 550px;
7576
margin-top: -160px;
7677
width: 400px;
7778
height: 250px;
78-
}
79+
}
7980

80-
.reload{
81+
.reload {
8182
width: 140px;
8283
height: 25px;
8384
border: 5px solid green;
8485
border-radius: 50% 50% 50% 50% / 49% 49% 51% 51%;
8586
margin-left: 650px;
8687
margin-top: -350px;
8788
padding-left: 50px;
88-
}
89+
}
8990

90-
.border{
91+
.border {
9192
width: 420px;
9293
height: 175px;
9394
border: 5px solid green;
9495
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
9596
padding-left: 250px;
9697
margin-top: -50px;
97-
}
98+
}
9899

99-
.mortar{
100+
.mortar {
100101
width: 420px;
101102
height: 175px;
102103
border: 5px solid green;
103104
border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
104105
margin-left: 650px;
105106
margin-top: -50px;
106-
}
107+
}
107108

108109
.match {
109110
padding-left: 550px;
110-
}
111+
}
111112

112-
.stronger{
113+
.stronger {
113114
padding-left: 850px;
114115
margin-top: -250px;
115-
}
116+
}
116117

117-
.elon{
118+
.elon {
118119
width: 50px;
119120
height: 50px;
120-
}
121+
}
121122

122-
.mover{
123+
.mover {
123124
margin-top: -350px;
124125
margin-right: 550px;
125-
}
126+
}
126127

127-
.worker{
128+
.worker {
128129
margin-top: -350px;
129130
margin-right: 550px;
130-
}
131+
}

‎salmonroll.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353

5454
body{
5555
background: #4f14ff;
56-
background: background: #EEAECA;
56+
background: #EEAECA;
5757
background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
5858
}
5959

@@ -111,7 +111,7 @@ body{
111111

112112
.fisher1{
113113
padding-left: 450px;
114-
padding-up: 50px;
114+
115115
}
116116

117117
.fisher2{

‎size.css‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,9 @@
44
}
55
}
66

7-
@media screen and (max-width: 500px) {
8-
div .texture2{
9-
width: 750px;
10-
height: 410px;
11-
border: 10px solid blue!important;
7+
@media (max-width: 900px) {
8+
.texture2 {
9+
border: 10px solid blue !important;
1210
border-radius: 50px;
13-
}
14-
}
15-
11+
}
12+
}

0 commit comments

Comments
 (0)