<style>

 .glossary-item {
   flex: 1 1 30%;
   border: 1px solid #ccc;
   padding: 10px;
   margin: 5px;
   background-color: #f9f9f9;

}

.glossary-title {

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

}

.glossary-content {

   font-size: 14px;
   color: #666;
   margin-bottom: 10px;

}

.read-more {

   font-size: 14px;
   color: #0066cc;
   text-decoration: none;

}

.read-more:hover {

   text-decoration: underline;

}

@media (max-width: 768px) {

   .glossary-item {
       flex: 1 1 100%;
   }

} </style>

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