home: make core values buttons layout responsive
This commit is contained in:
parent
1565b1cf4a
commit
796826aecc
@ -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}
|
||||||
|
Loading…
Reference in New Issue
Block a user