8000 whyCode section created · rankdeveloper/funcode@c4b1722 · GitHub
[go: up one dir, main page]
Skip to content

Commit c4b1722

Browse files
rankdeveloperrankdeveloper
committed
whyCode section created
1 parent e6b21d9 commit c4b1722

File tree

12 files changed

+1405
-921
lines changed

12 files changed

+1405
-921
lines changed

‎css/css.png

14.8 KB
Loading

‎css/index.html

Lines changed: 415 additions & 402 deletions
Large diffs are not rendered by default.

‎css/style.css

Lines changed: 65 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ background-color: red; */
4242
}
4343

4444
#navbar ul li {
45-
margin-bottom: ;
4645
list-style: none;
4746
width: 90%;
4847
text-align: center;
@@ -108,30 +107,30 @@ h1 {
108107

109108
.border {
110109
border-left: 5px solid #36B393;
111-
border-right: 5px solid #36B393;
110+
/* border-right: 5px solid #36B393; */
112111
padding: 0 1rem;
113112
}
114113

115114
.output {
116115
color: #36B393;
117116
border-top-left-radius: 20px;
118117
border-bottom-right-radius: 20px;
119-
/* background-color: #1d1f1d; */
118+
overflow: hidden;
120119
padding: 10px;
121120
margin-bottom: 2rem;
122121
}
123122

124-
.buttons{
125-
margin:1rem 0;
126-
gap:40px;
127-
123+
.buttons {
124+
margin: 1rem 0;
125+
gap: 40px;
126+
128127
}
129128

130-
.buttons button{
131-
color:white;
129+
.buttons button {
130+
color: white;
132131
background-color: #36B393;
133-
padding:7px 20px;
134-
border:none;
132+
padding: 7px 20px;
133+
border: none;
135134
text-transform: uppercase;
136135
font-weight: bold;
137136
cursor: pointer;
@@ -158,8 +157,6 @@ section .title {
158157

159158
.example {
160159
color: #36B393;
161-
162-
163160
border-top-left-radius: 20px;
164161
border-bottom-right-radius: 20px;
165162
background-color: #1d1f1d;
@@ -184,95 +181,85 @@ body::-webkit-scrollbar-thumb {
184181

185182
/* footer css */
186183

187-
.footer{
184+
.footer {
188185
display: flex;
189186
justify-content: center;
190187
align-items: center;
191188
background-color: #1d1f1d;
192189
height: 15vh;
193-
190+
194191
}
195192

196-
.footer-inner{
193+
.footer-inner {
197194
display: flex;
198195
justify-content: flex-end;
199-
align-items:center ;
200-
width:80%;
201-
gap:40px;
202-
196+
align-items: center;
197+
width: 80%;
198+
gap: 40px;
199+
203200
}
204201

205202

206-
.footer-inner .owner h4{
207-
color:#36B393;
203+
.footer-inner .owner h4 {
204+
color: #36B393;
208205
font-family: Dosis, sans-serif;
209206
font-weight: 400;
210207
}
211-
.footer-inner .owner h4:hover{
212-
color:white ;
208+
209+
.footer-inner .owner h4:hover {
210+
color: white;
213211
cursor: pointer;
214212
transition: 0.2s ease-in-out;
215213
}
216214

217215

218-
.owner h4 a{
219-
text-decoration:none;
220-
color:white;
216+
.owner h4 a {
217+
text-decoration: none;
218+
color: white;
221219
}
222220

223-
.owner h4 a:hover{
224-
color:#36B393;
221+
.owner h4 a:hover {
222+
color: #36B393;
225223
transition: 0.2s ease-in-out;
226224
text-decoration: underline;
227225
}
228226

229-
.social-links{
230-
/* margin-left:2rem; */
231-
227+
.social-links {
232228
display: flex;
233229
justify-content: center;
234230
align-items: center;
235-
236231
}
237232

238233

239-
/* .social-links .social-icon{
240-
margin-right:5px;
241-
padding:.5rem;
242-
border-radius:50%;
243-
border:1px solid white;
244-
} */
245-
246-
.social-links a{
247-
border-radius:50%;
248-
width:3rem;
249-
height:3rem;
234+
.social-links a {
235+
border-radius: 50%;
236+
width: 3rem;
237+
height: 3rem;
250238
margin-right: 10px;
251239
cursor: pointer;
252240
transition: .3s ease-out;
253241
object-fit: cover;
254-
color:#36B393;
255-
242+
color: #36B393;
256243
}
257244

258-
.social-links a img{
259-
padding:.5rem;
245+
.social-links a img {
246+
padding: .5rem;
260247
width: 100%;
261248
height: 100%;
262249
border-radius: 50%;
263250
background-color: #36B393;
264251
}
265252

266-
.social-links i{
253+
.social-links i {
267254
font-size: 30px;
268-
margin-right:10px;
269-
color:#36B393;
255+
margin-right: 10px;
256+
color: #36B393;
270257
}
271258

272-
.social-links a img:hover{
273-
/* color:#498afb; */
274-
border:1px solid white ;
275-
background-color: white ;
259+
.social-links a img:hover {
260+
/* color:#498afb; */
261+
border: 1px solid white;
262+
background-color: white;
276263
cursor: pointer;
277264
transition: .3s ease-out;
278265
}
@@ -290,7 +277,6 @@ body::-webkit-scrollbar-thumb {
290277
#navbar {
291278
width: 250px;
292279
height: 100vh;
293-
background-color: ;
294280
margin-top: 0;
295281
text-align: left;
296282
position: fixed;
@@ -332,11 +318,32 @@ body::-webkit-scrollbar-thumb {
332318
text-align: right;
333319
padding: 1.5rem;
334320
}
321+
322+
323+
335324
}
336325

337326
@media screen and (max-width:480px) {
338-
.content{
327+
.content {
339328
margin-top: 10rem;
340329
}
341-
330+
331+
.main-section header {
332+
font-size: 30px;
333+
margin-top:20px;
334+
padding-top: 30px;
335+
}
336+
337+
.footer-inner{
338+
display: flex;
339+
justify-content:center;
340+
flex-direction: column;
341+
align-items:center ;
342+
gap:15px;
343+
}
344+
345+
#navbar ul li {
346+
width: 100%;
347+
}
348+
342349
}

0 commit comments

Comments
 (0)
0