theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

frontend: Mise à jour grid.css pour FunctionCard

Browse Source
This commit is contained in:
Divlo
2020-03-19 16:36:43 +01:00
parent 0be0abf13c
commit 4d1f31afe3
5 changed files with 331 additions and 1021 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/FunctionCard/FunctionCard.css
View File

@ -7,7 +7,7 @@
box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, .25);
border: 1px solid black;
border-radius: 1rem;
margin: 0 0 40px 0;
margin: 0 0 50px 0;
cursor: pointer;
transition: all .3s;
}
@ -17,13 +17,13 @@
/* col-md */
@media (min-width: 768px) {
.FunctionCard {
margin: 0 30px 40px 30px;
margin: 0 30px 50px 30px;
}
}
/* col-xl */
@media (min-width: 1200px) {
.FunctionCard {
margin: 0 13px 40px 13px;
margin: 0 20px 50px 20px;
}
}

2
frontend/components/FunctionCard/FunctionCard.js
View File

@ -3,7 +3,7 @@ import './FunctionCard.css';
const FunctionCard = (props) => (
<Link href={`/functions/${props.slug}`}>
<div className="FunctionCard col-sm-16 col-md-7 col-xl-5">
<div className="FunctionCard col-sm-24 col-md-10 col-xl-7">
<img className="FunctionCard__image" alt={props.title} src={props.image} />
<h2 className="FunctionCard__title">{props.title}</h2>
<p className="FunctionCard__description">{props.description}</p>