<style>

 .glossary-item {
   box-sizing: border-box;
   flex: 0 1 calc(50% - 20px); /* Sets the item to take up half of the container width minus the gap */
   border: 1px solid #000;
   padding: 20px;
   margin-bottom: 20px;
   display: flex;
   flex-direction: column;
 }

.glossary-title {

   font-weight: bold;
 }

.glossary-content {

   margin-top: 10px;
   flex-grow: 1;
 }

.read-more {

   display: block;
   margin-top: 10px;
   text-align: right;
   text-decoration: none;
   color: #000;
 }

@media (min-width: 768px) {

   .glossary-item {
     width: 48%;
   }
 }

target {

   padding-top: 50px;
   margin-top: -50px;
   display: block;
 }

</style>

 <a href="" class="read-more">Read more ></a>