fix button display on phones

This commit is contained in:
Tyler Shipe 2021-03-23 17:06:34 -04:00
parent fe0e79fd83
commit 0427031141
1 changed files with 2 additions and 2 deletions

View File

@ -73,7 +73,7 @@ const IndexPage = () => (
</p>
<div className="mt-6 sm:mt-12">
<button
className="rounded-lg py-2 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
className="rounded-lg py-2 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-90 hover:opacity-100 font-semibold"
style={
{
background: "linear-gradient(270deg, #afda06 34.47%, #fdca19 100%)",
@ -85,7 +85,7 @@ const IndexPage = () => (
Start Trading
</a>
</button>
<button className="ml-4 sm:ml-6 rounded-lg py-1 px-8 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
<button className="ml-4 sm:ml-6 rounded-lg py-1 px-6 sm:px-10 text-md sm:text-lg md:text-2xl opacity-80 hover:opacity-100 bg-transparent border-2 border-primary-green">
<a href={LearnUrl} className="text-primary-green hover:text-primary-green">
Learn More
</a>