diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 02e6911..465f341 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -78,7 +78,7 @@ const FeatureList = [
 function Feature({ Svg, title, link, description }) {
   return (
 
-    <div className={clsx('col col--3')}>
+    <div className={clsx('col col--3', styles.featureBlock)}>
       <div className="text--center">
         <a href={link} target='_blank' className={styles.featureLink}>
           <Svg fill="currentColor" className={styles.featureSvg} role="img" />
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
index 1eb4706..d750e0b 100644
--- a/src/components/HomepageFeatures/styles.module.css
+++ b/src/components/HomepageFeatures/styles.module.css
@@ -5,6 +5,10 @@
   width: 100%;
 }
 
+.featureBlock {
+  padding-bottom: 1rem;
+}
+
 .featureSvg {
   height: 100px;
   width: 100px;
diff --git a/src/css/custom.css b/src/css/custom.css
index 655e0ae..77779bd 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -30,4 +30,16 @@
   --ifm-color-primary-lightest: #d1b2d1;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
   --ifm-link-color: var(--ifm-color-primary-darker);
+}
+
+@media (max-width: 996px) {
+  .col {
+    --ifm-col-width: 50%;
+  }
+}
+
+@media (max-width: 500px) {
+  .col {
+    --ifm-col-width: 100%;
+  }
 }
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
index 0c088f2..7390aab 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -15,7 +15,7 @@ function HomepageHeader() {
         <Heading as="h1" className="hero__title">
           Yehor Vialov
         </Heading>
-        <p className="hero__subtitle">Public Profiles</p>
+        <p className="hero__subtitle">Public profiles and publications</p>
         {/* <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"