#15 Card Article


“MOTOPIA” by Steve

Steve recently worked on a new wall for Start Urban festival in Braga.

2 min ago



*, ::after, ::before {
  box-sizing: border-box;

/* css element */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

.card-article {
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  max-width: 214px;
  font-family: 'Montserrat', sans-serif;

  img {
    width: 100%;
  .info {
    padding: 25px 20px 20px 20px;
    h3 {
      font-size: 14px;
      font-weight: 700;
      color: #000000;
      margin-top: 0;
      margin-bottom: 10px;
    p {
      font-size: 12px;
      font-weight: 400;
      line-height: 19px;
      color: #8492A6;
      margin: 0;
    .date {
      margin-top: 20px;
      svg {
        fill: #8492A6;
        width: 14px;
        vertical-align: middle;
      span {
        color: #8492A6;
        font-size: 11px;


In the code you can replace the images, icons and font. For icons and font you may have to change the size in the css.

Help the Project

Your help is important for the success of this project. We will make this project grow for everyone.