home: make core values buttons layout responsive

This commit is contained in:
desmukh 2023-01-09 01:00:56 +05:00
parent 1565b1cf4a
commit 796826aecc

View File

@ -4,7 +4,7 @@ import { Link as GatsbyLink, graphql } from "gatsby"
import Bio from "../components/bio" import Bio from "../components/bio"
import Layout from "../components/layout" import Layout from "../components/layout"
import Seo from "../components/seo" import Seo from "../components/seo"
import { Box, Button, Link, List, ListItem, ListItemIcon, ListItemText, Stack, SvgIcon, Typography } from "@mui/material" import { Box, Button, Link, List, ListItem, ListItemIcon, ListItemText, Stack, Typography } from "@mui/material"
import EastIcon from '@mui/icons-material/East' import EastIcon from '@mui/icons-material/East'
import { H1Separator, H2Separator } from "../components/heading-separators" import { H1Separator, H2Separator } from "../components/heading-separators"
import LeafIcon from "../components/leaf-icon" import LeafIcon from "../components/leaf-icon"
@ -81,7 +81,7 @@ const BlogIndex = ({ data, location }) => {
positive impact on the world. All of our services reflect our commitment positive impact on the world. All of our services reflect our commitment
to our core values: to our core values:
</Typography> </Typography>
<Stack direction="row"> <Stack direction={{ xs: "column", md: "row" }}>
{coreValues.map(({ label, path }) => ( {coreValues.map(({ label, path }) => (
<Button <Button
component={GatsbyLink} component={GatsbyLink}