diff --git a/src/components/Description/Description.js b/src/components/Description/Description.js deleted file mode 100644 index e88d88c..0000000 --- a/src/components/Description/Description.js +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react'; -import { Grid, Row, Col } from 'react-flexbox-grid' -import './Description.scss' - -import HelloIcon from '../../images/hello-icon.svg' - -const Description = () => { - return ( -
- - - -
-
- devthread.ru
-

публикуем статьи о мире веб-разрабоки и IT

-
-
-

- сборник статей и руководств по тематике веб-разработки и IT для того чтобы помочь вам -

- -
-
- -
-
-
- ) -} - -export default Description \ No newline at end of file diff --git a/src/components/Description/Description.scss b/src/components/Description/Description.scss deleted file mode 100644 index 8cc71d2..0000000 --- a/src/components/Description/Description.scss +++ /dev/null @@ -1,89 +0,0 @@ -@import '../../styles/variables.scss'; - -.description { - text-align: center; - color: $black-clr; - margin-bottom: 35px; - & .description-content { - &__heading { - & span { - font-size: 24px; - font-weight: 700; - } - & h1 { - font-size: 48px; - font-weight: 700; - } - } - &__info { - margin-top: 25px; - & p { - font-size: 16px; - font-weight: 400; - margin-bottom: 10px; - } - } - } -} - -.dark { - & .description { - color: $white-clr; - } -} - -@media (max-width: 991px) { - .description { - & .description-content { - &__heading { - & h1 { - font-size: 42px; - } - } - } - } -} - -@media (max-width: 768px) { - .description { - & .description-content { - &__heading { - & span { - font-size: 18px; - } - & h1 { - font-size: 38px; - } - } - } - } -} - -@media (max-width: 567px) { - .description { - & .description-content { - &__heading { - & h1 { - font-size: 34px; - } - } - &__info { - & p { - font-size: 14px; - } - } - } - } -} - -@media (max-width: 400px) { - .description { - & .description-content { - &__heading { - & h1 { - font-size: 26px; - } - } - } - } -} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index cefb2fc..f24cf54 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -4,7 +4,6 @@ import { Main } from '../ui/ui' import { Grid, Row, Col } from 'react-flexbox-grid' import SEO from '../components/SEO/SEO' import Layout from '../components/Layout/Layout' -import Description from '../components/Description/Description' import Articles from '../components/Articles/Articles' import Offers from '../components/Offers/Offers' import Newsletter from '../components/Newsletter/Newsletter' @@ -15,7 +14,6 @@ const IndexPage = ({ data: { allMarkdownRemark: edges } }) => { return ( -
@@ -45,7 +43,7 @@ const IndexPage = ({ data: { allMarkdownRemark: edges } }) => { export const query = graphql` { - allMarkdownRemark(filter: {frontmatter: {templateKey: {eq: "article"}}}, sort: {order: DESC, fields: frontmatter___date}, limit: 10) { + allMarkdownRemark(filter: {frontmatter: {templateKey: {eq: "article"}}}, sort: {order: DESC, fields: frontmatter___date}, limit: 12) { edges { node { frontmatter { diff --git a/src/templates/articleTemplate.js b/src/templates/articleTemplate.js index bc4746c..328764e 100644 --- a/src/templates/articleTemplate.js +++ b/src/templates/articleTemplate.js @@ -38,7 +38,7 @@ export const pageQuery = graphql` title image { childImageSharp { - fluid { + fluid(maxWidth: 1400) { ...GatsbyImageSharpFluid } }