Projects section not responsive yet. todo: add image for mobile, remo…

…ve hamburger for web
prajjawal05 · Aug 26, 2023 · 947520d · 947520d
1 parent 8c27836
commit 947520d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/components/Skills/index.js b/src/components/Skills/index.js
@@ -17,6 +17,7 @@ const StyledLogos = styled.div`
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
+    flex-wrap: wrap;
 `;
 
 const StyledImage = styled(Image)`
@@ -28,12 +29,12 @@ const Skills = () => (
     <StyledSkills>
         {Object.entries(SKILLS_CONFIG).map(([type, config]) => (
             <div key={type} style={{ marginBottom: "10px" }}>
-                <Title level={3} style={{textAlign: "left"}}>{config.title}</Title>
-                <Divider style={{marginTop: "0px"}} />
+                <Title level={3} style={{ textAlign: "left" }}>{config.title}</Title>
+                <Divider style={{ marginTop: "0px" }} />
                 <StyledLogos>
-                    {config.stacks.map(({name, logo}) => (
+                    {config.stacks.map(({ name, logo }) => (
                         <Tooltip title={name}>
-                            <StyledImage preview={false} src={logo} style={{height: "40px", width: "40px"}}/>
+                            <StyledImage preview={false} src={logo} style={{ height: "40px", width: "40px", marginBottom: "10px" }} />
                         </Tooltip>
                     ))}
                 </StyledLogos>
@@ -42,6 +43,4 @@ const Skills = () => (
     </StyledSkills>
 );
 
-export default Skills;
-
-// Todo: add a link to the resume
+export default Skills;
diff --git a/src/config/tabs.js b/src/config/tabs.js
@@ -49,7 +49,7 @@ export const TABS_CONFIG = {
     [TABS.SKILLS]: {
         title: 'Skills',
         header: <div><SettingTwoTone />&nbsp;&nbsp;Skills</div>,
-        // Component: Skills,
+        Component: Skills,
     },
     [TABS.CONCLUSION]: {
         title: '',