<style>

 .glossary-item {

box-sizing: border-box; flex: 1; max-width: calc(50% - 20px); 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>