diff --git a/src/components/KeywordsPicker.js b/src/components/KeywordsPicker.js index 1286e7b..18e626d 100644 --- a/src/components/KeywordsPicker.js +++ b/src/components/KeywordsPicker.js @@ -4,7 +4,7 @@ import classNames from "classnames"; const KeywordsPicker = ({ keywords, value, onChange }) => { return ( <div className="mx-2"> - <span className="text-xs text-[#A2A2A2]">Filter...</span> + <span className="text-xs text-[#A2A2A2]">Collections</span> <ul className="flex gap-1 flex-wrap mt-1 mb-2"> {keywords.map((keyword) => { const selected = value === keyword; diff --git a/src/pages/photogallery.js b/src/pages/photogallery.js index 7233719..1e05676 100644 --- a/src/pages/photogallery.js +++ b/src/pages/photogallery.js @@ -171,8 +171,8 @@ const GalleryPage = ({ data }) => { gallery </Link> </nav> - <div className="flex flex-col md:flex-row md:items-end"> - <h1 className="text-5xl mt-0 ml-5 mr-5 font-serif font-black z-10 flex-auto"> + <div className="flex flex-col md:flex-row md:items-end justify-between"> + <h1 className="text-5xl mt-0 ml-5 mr-5 font-serif font-black z-10"> Photo Gallery </h1> <KeywordsPicker