clean up css styles

This commit is contained in:
nicolelyn 2020-02-25 15:15:53 -05:00 committed by Brandon Romano
parent 7a06454a56
commit 67532c34eb
3 changed files with 6 additions and 4 deletions

View File

@ -3,9 +3,10 @@ import Button from '@hashicorp/react-button'
export default function LearnNomad({ items }) {
return (
<div className="g-learn-nomad">
<div className="g-grid-container">
<div className="g-grid-container learn-container">
<div className="column-container">
<div className="column info">
{/* need this wrapper to flex center the .column-content */}
<div>
<div className="column-content">
<h2 className="g-type-display-2">
Learn the latest Nomad skills
@ -27,7 +28,7 @@ export default function LearnNomad({ items }) {
target="_blank"
rel="noopener noreferrer"
>
<div className="column course">
<div className="course">
<div className="image">
<div className="g-type-label-strong time">{item.time}</div>
<img src={item.image} alt={item.title} />

View File

@ -11,7 +11,7 @@
padding-bottom: 64px;
}
& .g-grid-container {
& .learn-container {
@media (max-width: 1200px) {
display: flex;
flex-wrap: wrap;

View File

@ -2,6 +2,7 @@
background: var(--gray-7);
text-align: center;
padding-bottom: 64px;
padding-top: 48px;
& hr {
width: 64px;