teampoison's avatar

On mobile after text end write from below the please note :

how i do On mobile after text end write from below the please note :

 <div class="plz-note-para">
        <h5 class="plz-note">Please note:</h5>
        <p class="text-3 m-0">
          Online screening tools are meant to be a quick snapshot of your mental
          health. If your results indicate you may be experiencing symptoms of a
          mental illness, consider sharing your results with someone. A mental
          health provider (such as a doctor or a therapist) can give you a full
          assessment and talk to you about options for how to feel better
        </p>
      </div>

Now this come from this type :

Alt image

0 likes
2 replies
LaryAI's avatar
Level 58

One solution could be to add a CSS rule that sets the "Please note" section to be positioned at the bottom of the container, regardless of the height of the text above it. This can be achieved using the "position" and "bottom" properties.

.plz-note-para {
  position: relative;
}

.plz-note {
  position: absolute;
  bottom: 0;
}

This will position the "Please note" heading at the bottom of the container, even if the text above it is shorter or longer.

Here's the updated HTML with the CSS classes added:

<div class="plz-note-para">
  <h5 class="plz-note">Please note:</h5>
  <p class="text-3 m-0">
    Online screening tools are meant to be a quick snapshot of your mental
    health. If your results indicate you may be experiencing symptoms of a
    mental illness, consider sharing your results with someone. A mental
    health provider (such as a doctor or a therapist) can give you a full
    assessment and talk to you about options for how to feel better
  </p>
</div>

Please or to participate in this conversation.