diff options
Diffstat (limited to 'components/travel-advisory/ListCountries.js')
| -rw-r--r-- | components/travel-advisory/ListCountries.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/components/travel-advisory/ListCountries.js b/components/travel-advisory/ListCountries.js index 6cb0c17..9c880e1 100644 --- a/components/travel-advisory/ListCountries.js +++ b/components/travel-advisory/ListCountries.js @@ -40,7 +40,7 @@ export default function Countries(){ const settlementsList = country.settlements.map((settlement) => { return ( <div key={settlement.name}> - <h2 className="font-medium text-3xl">{settlement.name}</h2> + <h2 className="font-medium md:text-3xl text-xl">{settlement.name}</h2> <h2 className="text-base">{getDangerLevel(settlement.danger)}</h2> </div> ) @@ -49,7 +49,7 @@ export default function Countries(){ return ( <div key="countries" className="bg-center bg-no-repeat bg-[image:var(--image-url)] bg-gray-500 bg-blend-multiply" style={{'--image-url': `url(${country.image})`}} > <div className="sm:px-40 px-10 py-10 space-y-3"> - <h1 className="font-medium text-5xl">{country.name}</h1> + <h1 className="font-light md:text-5xl text-3xl">{country.name}</h1> <h2 className="text-lg">{dangerLevel}</h2> <div className="space-y-3">{settlementsList}</div> <button className="transition duration-200 ease-in-out px-4 py-2 font-medium rounded-full bg-blue-600 hover:bg-blue-700 active:bg-blue-800" onClick={()=> { |