@import '../../../../styles/dependencies/mixins/project-card';

.featured-projects {
    @include centered;
    .title {
        @include font-type(bold);
        @include font-size(larger);
        color: $grayer;
        text-align: center;
    }
}
.featured-projects-inner {
    align-items: stretch;
    display: flex;
    flex-grow: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.featured-project {
    @include project-card;
    display: flex;
    flex-basis: 23%;
    flex-wrap: wrap;
    max-width: 23%;
    @include breakpoint(tablet) {
        flex-basis: 45%;
    }
    @include breakpoint(mobile) {
        flex-basis: 100%;
    }
}