Widget:Glossary

<style>

 .glossary-item {
   box-sizing: border-box;
   width: 50%;
   max-width: 600px;
   border: 1px solid #000;
   padding: 20px;
   margin-bottom: 20px;
   margin-right: auto;
   margin-left: auto;
   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>