File tree Expand file tree Collapse file tree 2 files changed +69
-69
lines changed
Expand file tree Collapse file tree 2 files changed +69
-69
lines changed Original file line number Diff line number Diff line change @@ -817,22 +817,6 @@ footer
817817
818818// Media Queries
819819
820- // <<<<<<< HEAD
821- // @media (max-width: 1920px)
822- // .match-competitor
823- // img
824- // height: 300px
825- // .match-window
826- // width: 46%
827-
828- // =======
829- // <<<<<<< Updated upstream
830- // @media (max-width: 1920px)
831- // .match-competitor
832- // img
833- // height: 300px
834- // >>>>>>> refs/remotes/origin/master
835-
836820// Tablets und kleinere Desktops
837821@media (max-width : 1200px )
838822 .bracket
@@ -851,7 +835,7 @@ footer
851835 .match-vs
852836 transform : rotate(90deg )
853837 margin : 20px 0
854- // =======
838+
855839// Bessere Ansatz: Setze Standard-Breite direkt in .match-window
856840// und überschreibe nur für kleinere Bildschirme
857841
@@ -873,58 +857,6 @@ footer
873857 width : 100%
874858 height : auto
875859
876- // @media (max-width: 1200px)
877- // .bracket
878- // gap: 60px
879- //
880- // .bracket-column
881- // min-width: 180px
882- //
883- // .match-window
884- // width: 53%
885- // .match-competitor
886- // max-width: 236px
887- // padding: 16px
888- // img
889- // width: 100%
890- // height: auto
891-
892- // @media (max-width: 2000px)
893- // .match-window
894- // width: 46% // oder was auch immer besser aussieht
895- //
896- // .bracket
897- // gap: 40px
898- //
899- // .bracket-column
900- // min-width: 160px
901- //
902- // .match-content
903- // flex-direction: column
904- //
905- // .match-vs
906- // transform: rotate(90deg)
907- // margin: 20px 0
908- //
909- // Tablets und kleinere Desktops
910- // @media (max-width: 1200px)
911- // .bracket
912- // gap: 40px
913- //
914- // .bracket-column
915- // min-width: 160px
916- //
917- // .match-content
918- // flex-direction: column
919- //
920- // .match-window
921- // width: 46%
922- //
923- // .match-vs
924- // transform: rotate(90deg)
925- // margin: 20px 0
926- // >>>>>>> Stashed changes
927-
928860// Tablets
929861@media (max-width : 768px )
930862 body
Original file line number Diff line number Diff line change 1+ // <<<<<<< HEAD
2+ // @media (max-width: 1920px)
3+ // .match-competitor
4+ // img
5+ // height: 300px
6+ // .match-window
7+ // width: 46%
8+
9+ // =======
10+ // <<<<<<< Updated upstream
11+ // @media (max-width: 1920px)
12+ // .match-competitor
13+ // img
14+ // height: 300px
15+ // >>>>>>> refs/remotes/origin/master
16+
17+
18+ // @media (max-width: 1200px)
19+ // .bracket
20+ // gap: 60px
21+ //
22+ // .bracket-column
23+ // min-width: 180px
24+ //
25+ // .match-window
26+ // width: 53%
27+ // .match-competitor
28+ // max-width: 236px
29+ // padding: 16px
30+ // img
31+ // width: 100%
32+ // height: auto
33+
34+ // @media (max-width: 2000px)
35+ // .match-window
36+ // width: 46% // oder was auch immer besser aussieht
37+ //
38+ // .bracket
39+ // gap: 40px
40+ //
41+ // .bracket-column
42+ // min-width: 160px
43+ //
44+ // .match-content
45+ // flex-direction: column
46+ //
47+ // .match-vs
48+ // transform: rotate(90deg)
49+ // margin: 20px 0
50+ //
51+ // Tablets und kleinere Desktops
52+ // @media (max-width: 1200px)
53+ // .bracket
54+ // gap: 40px
55+ //
56+ // .bracket-column
57+ // min-width: 160px
58+ //
59+ // .match-content
60+ // flex-direction: column
61+ //
62+ // .match-window
63+ // width: 46%
64+ //
65+ // .match-vs
66+ // transform: rotate(90deg)
67+ // margin: 20px 0
68+ // >>>>>>> Stashed changes
You can’t perform that action at this time.
0 commit comments