Kevin Powell - Community•6mo ago

Button positioning

Hi guys im currently in need of moving a button that im using to in between the bottom left of the screen and the bottom center of the screen, currently ive just added a left: 30% property to my place-self: end start css but its messy as when the screen shifts it doesn't always hit the same spot, anyone have any ideas on how i can get this positioning easier? Included is an image of where id like it to be.

@media screen and (min-width: 999px) {
    .sm\:place-self-end-start {
    place-self: end start;
    left: 27%;
  }
}

@media screen and (min-width: 999px) {
    .sm\:place-self-end-start {
    place-self: end start;
    left: 27%;
  }
}

2 Replies

MarkBoots•6mo ago

you could make the container a 2 column grid. grid-template-columns: 1fr 1fr span the image over grid-column: 1/-1 and set the button to justify-self: center; (will automatically be in col 1)

MarkBoots•6mo ago

https://codepen.io/MarkBoots/pen/yLZZQoK

Mark Boots

CodePen

yLZZQoK

...

Gaming

Programming

Button positioning