Markup

components/personal-card/elements/ContactsButtons.tsx

@@ -30,7 +30,7 @@ const typeToIcon: { [key in ContactType]: [IconDefinition, string?] } = {
 const ContactComp = ({ id, type }: Contact) => {
   const iconDescr = typeToIcon[type];
   return (
-    <div className={'p-3 '}>
+    <div className={'p-3'}>
       <a
         className={'text-5xl text-gray-600' + ' ' + iconDescr[1]}
         href={contactToLink({ id, type })}

pages/index.tsx

@@ -4,7 +4,7 @@ import PersonalCard from '../components/personal-card/PersonalCard';
 
 const Home = () => {
   return (
-    <div className="bg-gray-50 flex flex-col h-auto justify-between">
+    <div className="bg-gray-50 flex flex-col md:h-screen sm:h-full  justify-between">
       <PersonalCard />
       <Footer />
     </div>