<style>

 .glossary-item {
   flex: 0 0 30%;
   padding: 10px;
   padding-bottom: 40px;
   background-color: #F3F6F9;
   min-height: 200px;
   max-width: 30%;
   position: relative;

}

.glossary-title {

   font-size: 18px;
   color: #333;
   margin-bottom: 5px;

}

.glossary-content {

   font-size: 14px;
   color: #666;
   margin-bottom: 30px;
   overflow: hidden;

}

.read-more {

   position: absolute;
   bottom: 10px;
   right: 10px;
   font-size: 14px;
   color: #0066cc;
   text-decoration: none;

}

.read-more:hover {

   text-decoration: underline;

}

@media (max-width: 768px) {

   .glossary-item {
       flex: 0 0 100%;
       padding-bottom: 40px;
       max-width: 100%;
   }

} </style>

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