Commit fcf329f4 authored by Seth A Johnson's avatar Seth A Johnson
Browse files

bad card css

parent d6d8d6a7
......@@ -12,7 +12,7 @@ const Book = ({book}) => {
} = book
return (
<article>
<article className="terrible-card-container">
<Img fluid={cover.childImageSharp.fluid} alt={`cover of ${title}`} />
<h3>{title}</h3>
<h4>{author}</h4>
......
......@@ -4,3 +4,10 @@
min-height: 100px;
position: absolute;
}
.terrible-card-container {
width: 200px;
height: 500px;
padding: 10px;
border: black;
}
import React from "react"
import Img from "gatsby-image"
import {Link} from "gatsby"
const News = (props) => {
console.log(props.singleNews)
const {title, date, image} = props.singleNews.frontmatter
const html = props.singleNews.html
const slug = props.singleNews.fields.slug
return (
<article>
<article className="terrible-card-container">
<h4>{title}</h4>
<Img fluid={image.childImageSharp.fluid} />
<h6>{date}</h6>
<p dangerouslySetInnerHTML={{ __html: html }} />
<Link to={slug}>
<Img fluid={image.childImageSharp.fluid} />
</Link>
</article>
)
}
......
......@@ -2,7 +2,6 @@ import React from "react"
import NewsCard from "./newsCard"
const NewsList = (props) => {
console.log(props)
return (
<section>
{
......
......@@ -22,6 +22,9 @@ export const query = graphql`
) {
edges {
node {
fields{
slug
}
html
frontmatter {
title
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment