Widget
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 2: | Line 2: | ||
.glossary-item { | .glossary-item { | ||
flex: 0 0 30%; | flex: 0 0 30%; | ||
padding: 10px; | padding: 10px; | ||
padding-bottom: 40px; | padding-bottom: 40px; | ||
background-color: # | background-color: #F3F6F9; | ||
min-height: 200px; | min-height: 200px; | ||
max-width: 30%; | max-width: 30%; | ||
| Line 42: | Line 40: | ||
flex: 0 0 100%; | flex: 0 0 100%; | ||
padding-bottom: 40px; | padding-bottom: 40px; | ||
max-width: 100%; | |||
} | } | ||
} | } | ||
Revision as of 12:26, 3 May 2024
<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>
This page was edited 4 days ago on 05/16/2024. What links here
Retrieved from "https://wiki.mdriven.net/index.php?title=Widget:Glossary&oldid=18302"