chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

improve smallest breakpoint layout

Browse Source
This commit is contained in:
Chuck Dries 2022-07-12 14:42:21 -07:00
parent 9ac5bd0cba
commit b701dfb406
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/index/ActionButtons.js
View File

@ -12,7 +12,7 @@ const getButtonClasses = (isClient) =>
const ActionButtons = ({ isClient, image, shuffleImage }) => ( const ActionButtons = ({ isClient, image, shuffleImage }) => (
<div className="flex flex-col"> <div className="flex flex-col">
<div className="text-muted-light p-1 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light"> <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
<h3 className="sm:mb-2 drop-shadow">Try my word game!</h3> <h3 className="sm:mb-2 drop-shadow">Try my word game!</h3>
<a <a
className="rounded-full bg-muted-light hover:bg-vibrant text-muted-dark p-1 sm:p-2" className="rounded-full bg-muted-light hover:bg-vibrant text-muted-dark p-1 sm:p-2"