質問編集履歴

1

CSSの修正を行いました

2020/07/27 05:50

投稿

ypk
ypk

スコア83

test CHANGED
File without changes
test CHANGED
@@ -300,6 +300,98 @@
300
300
 
301
301
 
302
302
 
303
+ h3::before {
304
+
305
+ position: absolute;
306
+
307
+ content: '';
308
+
309
+ top: 100%;
310
+
311
+ left: 0;
312
+
313
+ border: none;
314
+
315
+ border-bottom: solid 15px transparent;
316
+
317
+ border-right: solid 20px rgb(149, 158, 155);
318
+
319
+ }
320
+
321
+
322
+
323
+ a {
324
+
325
+ text-decoration: none;
326
+
327
+ color: #fff;
328
+
329
+ }
330
+
331
+ nav {
332
+
333
+ margin: 0 0 0 auto;
334
+
335
+ }
336
+
337
+ ul {
338
+
339
+ list-style: none;
340
+
341
+ margin: 0;
342
+
343
+ display: flex;
344
+
345
+ }
346
+
347
+ li {
348
+
349
+ margin: 0 0 0 15px;
350
+
351
+ font-size: 14px;
352
+
353
+ }
354
+
355
+ .main-visual {
356
+
357
+ display: flex;
358
+
359
+ justify-content: center;
360
+
361
+ align-items: flex-start;
362
+
363
+ height: calc(100vh - 70px);
364
+
365
+ background: url('main_visual.jpg') top center / cover no-repeat;
366
+
367
+ }
368
+
369
+
370
+
371
+ @media screen and (min-width: 640px) {
372
+
373
+
374
+
375
+ .right-column {
376
+
377
+ padding: 30px 10px;
378
+
379
+ width: 25%;
380
+
381
+ border: 1px solid #4b4b4b;
382
+
383
+ margin-left: 1%;
384
+
385
+ background-color: rgba(255,255,255,0.9);
386
+
387
+ box-shadow: 2px 2px 4px;
388
+
389
+ border-radius: 15px;
390
+
391
+ }
392
+
393
+
394
+
303
395
  h3 {
304
396
 
305
397
  position: relative;
@@ -314,73 +406,7 @@
314
406
 
315
407
 
316
408
 
317
- h3::before {
318
-
319
- position: absolute;
320
-
321
- content: '';
322
-
323
- top: 100%;
324
-
325
- left: 0;
326
-
327
- border: none;
328
-
329
- border-bottom: solid 15px transparent;
330
-
331
- border-right: solid 20px rgb(149, 158, 155);
332
-
333
- }
409
+ }
334
-
335
-
336
-
337
- a {
338
-
339
- text-decoration: none;
340
-
341
- color: #fff;
342
-
343
- }
344
-
345
- nav {
346
-
347
- margin: 0 0 0 auto;
348
-
349
- }
350
-
351
- ul {
352
-
353
- list-style: none;
354
-
355
- margin: 0;
356
-
357
- display: flex;
358
-
359
- }
360
-
361
- li {
362
-
363
- margin: 0 0 0 15px;
364
-
365
- font-size: 14px;
366
-
367
- }
368
-
369
- .main-visual {
370
-
371
- display: flex;
372
-
373
- justify-content: center;
374
-
375
- align-items: flex-start;
376
-
377
- height: calc(100vh - 70px);
378
-
379
- background: url('main_visual.jpg') top center / cover no-repeat;
380
-
381
- }
382
-
383
-
384
410
 
385
411
  .sp-nav {
386
412
 
@@ -612,6 +638,8 @@
612
638
 
613
639
  }
614
640
 
641
+
642
+
615
643
  }
616
644
 
617
645
 
@@ -672,24 +700,6 @@
672
700
 
673
701
 
674
702
 
675
- .right-column {
676
-
677
- padding: 30px 10px;
678
-
679
- width: 25%;
680
-
681
- border: 1px solid #4b4b4b;
682
-
683
- margin-left: 1%;
684
-
685
- background-color: rgba(255,255,255,0.9);
686
-
687
- box-shadow: 2px 2px 4px;
688
-
689
- border-radius: 15px;
690
-
691
- }
692
-
693
703
 
694
704
 
695
705
  /*ナビゲーションメニューの階層装飾*/
@@ -810,6 +820,4 @@
810
820
 
811
821
 
812
822
 
813
-
814
-
815
823
  ```