Glossary
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<style>
<style>
   .glossary-item {
   .glossary-item {
    box-sizing: border-box;
box-sizing: border-box;
    flex: 0 1 calc(50% - 20px); /* Sets the item to take up half of the container width minus the gap */
flex: 0 0 calc(50% - 20px);
    border: 1px solid #000;
max-width: calc(50% - 20px);
    padding: 20px;
border: 1px solid #000;
    margin-bottom: 20px;
padding: 20px;
    display: flex;
margin-bottom: 20px;
    flex-direction: column;
display: flex;
flex-direction: column;
   }
   }



Revision as of 13:29, 26 April 2024

<style>

 .glossary-item {

box-sizing: border-box; flex: 0 0 calc(50% - 20px); 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>
This page was edited 5 days ago on 05/03/2024. What links here