diff --git a/luckydiamond/src/assets/css/PagesStyles/home.css b/luckydiamond/src/assets/css/PagesStyles/home.css index 38ce1a6..db521ea 100644 --- a/luckydiamond/src/assets/css/PagesStyles/home.css +++ b/luckydiamond/src/assets/css/PagesStyles/home.css @@ -153,10 +153,13 @@ } .line__img { - float: right; + display: flex; margin: 1% 6.6% 1% 4.7%; } +.display-firstline { + display: flex; +} .line__btn { border-radius: 21px; @@ -282,11 +285,10 @@ top: -.4em; } .line__img { - margin: 1% -8% 0 2%; + margin: 1% -8% 0 30%; } .gamemode__firstline img { width: 60%; - height: 60%; } .gamemode__firstline .title-firstline { font-size: 3.2em; @@ -330,10 +332,16 @@ .main__content h1 { font-size: 4.5em; } + .main { + width: 78% !important; + } .gamemode__main { height: auto; width: 28.5%; } + .gamemode__content--text div { + width: 78%; + } .title-firstline { font-size: 4.1em; } @@ -348,11 +356,10 @@ top: -.4em; } .line__img { - margin: 1% -5% 0 2%; + margin: 1% -8% 0 15%; } .gamemode__firstline img { width: 60%; - height: 60%; } .gamemode__firstline .title-firstline { font-size: 3.2em; diff --git a/luckydiamond/src/pages/HomePage.vue b/luckydiamond/src/pages/HomePage.vue index 42d4287..b68d671 100644 --- a/luckydiamond/src/pages/HomePage.vue +++ b/luckydiamond/src/pages/HomePage.vue @@ -45,16 +45,17 @@
  • -
    - -

    {{ mode.title }}

    play >
    +
    + +