@mongodb-js/mongodb-ui-components
Version:
A collection of frequently used functional UI components found on mongodb properties
44 lines (43 loc) • 678 B
CSS
.m-nav-cta {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
width: 30%;
padding: 30px;
margin: 20px;
border: 0.5px solid #979797;
}
@media (max-width: breakpoint) {
.m-nav-cta {
width: 100%;
}
}
@media (max-width: breakpoint) {
.m-nav-cta:not(.m-nav-cta-first) {
display: none;
}
}
.m-nav-cta ul {
width: 100%;
padding: 0;
}
.m-nav-cta h2,
.m-nav-cta a {
width: 100%;
}
.m-nav-cta h2 {
margin: 0 0 10px 0;
color: #fff;
font-size: 30px;
}
@media (max-width: phoneWidth) {
.m-nav-cta h2 {
font-size: 26px;
}
}
.m-nav-cta a {
display: block;
padding: 5px 0;
color: lightGreen ;
}