hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update website structure and styles

Browse Source
This commit is contained in:
Hazem Krimi
2022-02-13 19:11:46 +01:00
parent b6d7feccc1
commit 04cc13815d
20 changed files with 93 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/about.tsx
-12
View File
@@ -2,9 +2,6 @@ import styled from 'styled-components';
export const Wrapper = styled.div`
padding: 1rem 0rem;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 2rem;
@media (max-width: 768px) {
padding: 0rem;
@@ -13,14 +10,6 @@ export const Wrapper = styled.div`
row-gap: 1rem;
}
.photo {
order: initial;
@media (max-width: 768px) {
order: -1;
}
}
h1 {
font-size: 1.7rem;
}
@@ -30,7 +19,6 @@ export const Wrapper = styled.div`
flex-direction: column;
}
.about,
.contact {
margin: 1rem 0rem;
styles/blog/index.tsx
+2 -2
View File
@@ -29,8 +29,8 @@ export const Wrapper = styled.div`
.articles-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-rows: minmax(100px, auto);
grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
grid-auto-rows: minmax(6.25rem, auto);
align-items: stretch;
justify-items: center;
gap: 1rem;
styles/home.tsx
+3 -2
View File
@@ -27,6 +27,7 @@ export const Wrapper = styled.div`
}
}
.about,
.portfolio,
.blog {
margin: 1rem 0rem;
@@ -39,8 +40,8 @@ export const Wrapper = styled.div`
.projects-wrapper,
.articles-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-rows: minmax(100px, auto);
grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
grid-auto-rows: minmax(6.25rem, auto);
align-items: stretch;
justify-items: center;
gap: 1rem;
styles/portfolio/index.tsx
+2 -2
View File
@@ -29,8 +29,8 @@ export const Wrapper = styled.div`
.projects-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-rows: minmax(100px, auto);
grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
grid-auto-rows: minmax(6.25rem, auto);
align-items: stretch;
justify-items: center;
gap: 1rem;