浏览代码

responsive producthunt embed width

Aykut Saraç 3 年之前
父节点
当前提交
711d25da85
共有 1 个文件被更改,包括 6 次插入0 次删除
  1. 6 0
      src/components/Producthunt/index.tsx

+ 6 - 0
src/components/Producthunt/index.tsx

@@ -5,11 +5,17 @@ const StyledProducthunt = styled.a`
   position: fixed;
   bottom: 12px;
   right: 12px;
+  
 `;
 
 const StyledImage = styled.img`
   width: 250px;
   height: 54px;
+
+  @media only screen and (max-width: 768px) {
+    width: 200px;
+    height: auto;
+  }
 `;
 
 export const Producthunt = () => {