24
24
width : 100% ;
25
25
top : 0px ;
26
26
}
27
+ .navbar-toggler : focus {
28
+ outline : none;
29
+ }
27
30
.navbar-light .navbar-nav .nav-link
28
31
{
29
32
margin-top : 6px ;
@@ -81,10 +84,6 @@ nav li a
81
84
@media (max-width : 576px )
82
85
{
83
86
.nav .nav-item
84
- {
85
- padding : 5px ;
86
- }
87
- .nav .nav-link
88
87
{
89
88
padding : 0px ;
90
89
font-size : 12px ;
@@ -199,16 +198,8 @@ nav li a
199
198
padding-top : 10px ;
200
199
min-height : 250px ;
201
200
}
202
- /* to align img at center */
203
- /*.row .col-xl-5
204
- {
205
- background-color: red;
206
- left: 0%;
207
- }*/
208
201
.row div img
209
202
{
210
- /*background-color: red;*/
211
- /*top: 50px;*/
212
203
height : 260px ;
213
204
width : 250px ;
214
205
padding : 15px ;
@@ -328,14 +319,7 @@ nav li a
328
319
font-family : 'Source Sans Pro' , sans-serif;
329
320
font-size : 17px ;
330
321
}
331
- /*.table2 thead tr th:nth-child(1){
332
- width: 5px;
333
- background-color: red;
334
- }
335
- .table2 tbody tr td:nth-child(1){
336
- width: 5px;
337
- background-color: red;
338
- }*/
322
+
339
323
.table2 tbody tr td : nth-child (2 ){
340
324
min-width : 60% ;
341
325
}
@@ -352,13 +336,12 @@ nav li a
352
336
width : 83% ;
353
337
padding : 3px ;
354
338
height : 25px ;
339
+ font-weight : bold;
355
340
}
356
341
.table2 tbody tr td : nth-child (2 ) div span {
357
342
width : 50px ;
358
343
}
359
- .table2 tbody tr td : nth-child (2 ) div p {
360
- font-weight : bold;
361
- }
344
+
362
345
.table2 tbody tr td : nth-child (2 ) div span i {
363
346
margin-top : 5px ;
364
347
font-size : 20px ;
@@ -367,22 +350,29 @@ nav li a
367
350
.table2 tbody tr : hover td : nth-child (2 ) div span i {
368
351
font-size : 28px ;
369
352
}
370
- .table2 tbody tr td : nth-child (3 ){
371
- text-transform : capitalize;
372
- }
373
- .table2 tbody tr td : nth-child (4 ){
353
+ .table2 tbody tr td : nth-child (3 ), : nth-child (4 ), : nth-child (5 ){
374
354
text-transform : capitalize;
375
355
}
356
+
376
357
@media (max-width : 768px )
377
358
{
378
- .experience_section
379
- {
359
+ .experience_section {
380
360
min-height : 100px ;
381
361
}
382
- .duration
383
- {
362
+ .comapny_logo {
384
363
display : none;
385
364
}
365
+ .duration {
366
+ display : none;
367
+ }
368
+ .table2 tbody tr td : nth-child (2 ) div p {
369
+ font-weight : bold;
370
+ font-size : 15px ;
371
+ }
372
+ .table2 tbody tr td : nth-child (3 ), : nth-child (4 ){
373
+ font-size : 15px ;
374
+ }
375
+
386
376
}
387
377
/* css for experience section end*/
388
378
@@ -448,6 +438,19 @@ nav li a
448
438
width : 30px ;
449
439
}
450
440
}
441
+ @media (max-width : 300px )
442
+ {
443
+ .connect-me div .row ul li
444
+ {
445
+ padding-top : 30px ;
446
+ float : left;
447
+ display : block;
448
+ }
449
+ .github
450
+ {
451
+ margin-left : 50% ;
452
+ }
453
+ }
451
454
/* css for connect me section end here */
452
455
453
456
/* css for footer section */
@@ -479,19 +482,7 @@ nav li a
479
482
/* css end for top button */
480
483
/* css to just debug some thing*/
481
484
482
- @media (max-width : 300px )
483
- {
484
- .connect-me div .row ul li
485
- {
486
- padding-top : 30px ;
487
- float : left;
488
- display : block;
489
- }
490
- .github
491
- {
492
- margin-left : 50% ;
493
- }
494
- }
485
+
495
486
496
487
/* css used during debuging and fixing issues */
497
488
/* css end for debuging */
0 commit comments