Html Question posted in
Some basic documentation can be found here.

Html – Need help in reducing spacing between sections

Please Visit the following page,
https://tutorlinkin.com/tutoringJobs

you will see that between the submission form and the boxez of students records, there is a large vertical spacing. And as the number of records are increasing the vertical spacing is being increased.

I need small vertical spacing and it should not increase with the increasing number of records.

Please help to solve the issue in styling. You can inspect the browser for styling details.
regards

Tags:

2

Answers


  1. 0

    I’ve checked the issue with the space between the form and students records. It’s caused by transform: scale(0.8); of .container. Not recommended to use transform for the container.
    Once you removed that styling, the space will be removed but the form/records are bigger. So you should adjust it.

    Hope this is help for you.
    Thank you.

    Login or Signup to reply.
  2. 0

    This is a quick fix as you are using transform on many elements. Add an inline style to the div element containing subjects:

    style="transform: unset;"

    Then place a <br> element before the subject elements. It will end up like:

    <section class="bg-gray" style="margin-top: 30px !important;">
  <br>
  <div class="container" style="transform: unset;">
    <!-- your subject elements here -->
    <div class="mt-5 mt-lg-0">
    </div>
  </div>
</section>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search