text: import React from "react"
  
  import { StaticQuery, graphql } from "gatsby"
  import stylePortfolio from "./portfolio.module.scss"
  const Portfolio = () => (
    <div className={stylePortfolio.container}>
      <StaticQuery
        query={graphql`
          query {
            portfolio {
              projects {
                id
                name
                about
                donedata
                imgscreen {
                  id
                  url
                }
                linktoproject
                slug
              }
            }
          }
        `}
        render={({ portfolio: { projects } }) => (
          <>
            {projects.map(project => (
              <a
                key={project.id}
                className={stylePortfolio.link}
                href={project.slug}
              >
                {" "}
                <div className={stylePortfolio.div__children}>
                  <div className={stylePortfolio.card}>
                    <img
                      className={stylePortfolio.img__cover}
                      src={project.imgscreen.url}
                      alt={project.imgscreen.id}
                    />
                    <div className={stylePortfolio.div__children__info}>
                      <h2>{project.name}</h2>
                      <p className={stylePortfolio.card__text}>{project.about}</p>
                    </div>
                  </div>
                </div>
              </a>
            ))}
          </>
        )}
      />
    </div>
  )
  export default Portfolio
  