質問編集履歴

2

CSSの変更

2021/11/09 15:07

投稿

mimimi_665
mimimi_665

スコア0

test CHANGED
File without changes
test CHANGED
@@ -56,13 +56,99 @@
56
56
 
57
57
  ```CSS
58
58
 
59
- @media (min-width: 1000px)
59
+ @media(min-width:1000px) {
60
60
 
61
+ .header {
62
+
63
+ height: 83px;
64
+
65
+ }
66
+
67
+ .header-content-wrapper {
68
+
69
+ max-width: 1000px;
70
+
71
+ margin: 0 auto;
72
+
73
+ position: relative;
74
+
75
+ }
76
+
77
+ .header h1 {
78
+
79
+ font-size: 1.4rem;
80
+
81
+ padding-top: 26px;
82
+
83
+ position: absolute;
84
+
85
+ left: 0;
86
+
87
+ font-weight: 600;
88
+
89
+ }
90
+
91
+ .body_purple .header h1 {
92
+
93
+ font-size: 1.4rem;
94
+
95
+ padding-top: 26px;
96
+
97
+ position: absolute;
98
+
99
+ left: 0;
100
+
101
+ font-weight: 600;
102
+
103
+ }
104
+
105
+ .header nav {
106
+
107
+ display: block;
108
+
109
+ text-align: right;
110
+
111
+ }
112
+
61
- .header nav ul {
113
+ .header nav ul {
62
114
 
63
115
  display: flex;
64
116
 
65
117
  justify-content: flex-end;
118
+
119
+ }
120
+
121
+ .header nav li a {
122
+
123
+ display: block;
124
+
125
+ padding: 26px 30px 0;
126
+
127
+ color: #404040;
128
+
129
+ text-decoration: none;
130
+
131
+ font-size: 1.0rem;
132
+
133
+ height: 83px;
134
+
135
+ }
136
+
137
+ .body_purple .header nav li a {
138
+
139
+ display: block;
140
+
141
+ padding: 26px 30px 0;
142
+
143
+ color: #f2f2f2;
144
+
145
+ text-decoration: none;
146
+
147
+ font-size: 1.0rem;
148
+
149
+ height: 83px;
150
+
151
+ }
66
152
 
67
153
  }
68
154
 

1

CSSの追記

2021/11/09 15:07

投稿

mimimi_665
mimimi_665

スコア0

test CHANGED
File without changes
test CHANGED
@@ -54,6 +54,20 @@
54
54
 
55
55
  ```
56
56
 
57
+ ```CSS
58
+
59
+ @media (min-width: 1000px)
60
+
61
+ .header nav ul {
62
+
63
+ display: flex;
64
+
65
+ justify-content: flex-end;
66
+
67
+ }
68
+
69
+ ```
70
+
57
71
  ```javascript
58
72
 
59
73
  $('.close-button, .open-button').on("click", function () {