Merge pull request #560 from awibox/development

Img size fix
awibox · Jan 21, 2023 · 79a6683 · 79a6683
2 parents 907f1cf + 525596b
commit 79a6683
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/components/Certificates/Certificates.js b/src/components/Certificates/Certificates.js
@@ -13,7 +13,7 @@ const Certificates = (props) => {
         <div key={item.id} className="col-md-6">
           <div className={cn(styles.certificateItem, 'clearfix')}>
             <div className={styles.certiLogo}>
-              <img width={60} height={60} src={item.logo} alt={item.company} />
+              <img width={80} height={80} src={item.logo} alt={item.company} />
             </div>
             <div className={styles.certiContent}>
               <div className={styles.certiTitle}>

diff --git a/src/components/Certificates/Certificates.scss b/src/components/Certificates/Certificates.scss
@@ -28,6 +28,8 @@
   img {
     display: block;
     max-width: 100%;
+    width: 100%;
+    height: 100%;
   }
 }
 

diff --git a/src/components/Certificates/Certificates.test.js.snap b/src/components/Certificates/Certificates.test.js.snap
@@ -16,9 +16,9 @@ exports[`Certificates should render correctly 1`] = `
       >
         <img
           alt="Hacker Rank"
-          height={60}
+          height={80}
           src="img/hacker-rank.jpeg"
-          width={60}
+          width={80}
         />
       </div>
       <div
@@ -72,9 +72,9 @@ exports[`Certificates should render correctly 1`] = `
       >
         <img
           alt="Hacker Rank"
-          height={60}
+          height={80}
           src="img/hacker-rank.jpeg"
-          width={60}
+          width={80}
         />
       </div>
       <div

diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
@@ -11,6 +11,8 @@
   z-index: 1;
   img {
     max-width: 100%;
+    width: 100%;
+    height: 100%;
     background-color: #fff;
     border: 3px solid #fff;
     border-radius: 300px;

diff --git a/src/templates/index.html b/src/templates/index.html
@@ -7,6 +7,7 @@
     <title>Andrei Arkhipov - Software Engineer</title>
     <meta name="description" content="Personal website of Software Engineer Andrei Arkhipov. Download CV." />
     <link rel="canonical" href="https://arkhipov.eu/" />
+    <link rel='preconnect' href='https://fonts.googleapis.com' crossorigin />
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i'">
     <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
     <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">