Skip to content
OverviewSolutions
20
Comments
3

harpreet-singh-147

@harpreet-singh-147240 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • harpreet-singh-147•240
    @harpreet-singh-147
    body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    position: relative;
}

    footer {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  text-align: center;
  width: 100%;
}

    You need to position the footer relative to the body. On the body tag, there is position relative, and on the footer, there is position absolute. Bottom: 20px or whatever value you want will place it where you want it. left: 50%; transform: translateX(-50%); will position the footer in the center of the page. You can use vanilla CSS for anything you want to. Learn how to use vanilla css first, then you can use other tools such as tailwind css and the others.

    Marked as helpful
  • harpreet-singh-147•240
    @harpreet-singh-147

    Very nicely done!

  • harpreet-singh-147•240
    @harpreet-singh-147

    Nice work!