Fixed footer in letter head

Below is the code to get a fixed footer in print
Working smoothly in pdf too
tested on V15

Thanks and regards
Half the courtesy of the code goes to chatgpt

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    body {
      margin: 0;
      display: flex;
      flex-direction: column;
      min-height: 100vh;

    footer {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      height: 40px;   /* Height of the footer */
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #d0d0d0; /* Slightly darker grey background color */
      padding: 10px;

    /* Adjust the styles as needed */
    .left-align {
      text-align: left;

    .center-align {
      text-align: center;

    .right-align {
      text-align: right;

  <div class="left-align">Ph:phone no</div>
  <div class="center-align">website</div>
  <div class="right-align">email-id</div>