Update website structure and styles

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
+5 -14
View File
@@ -3,16 +3,16 @@ import styled from 'styled-components';
export const Wrapper = styled.div`
min-height: 45vh;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: 1fr 32.188rem;
align-items: center;
height: auto;
text-align: left;
@media (max-width: 425px) {
min-height: 65vh;
grid-template-columns: auto;
@media (max-width: 1024px) {
min-height: 35vh;
grid-template-columns: 1fr;
.illustration {
.photo {
display: none;
}
}
@@ -29,15 +29,6 @@ export const Wrapper = styled.div`
}
}
.small {
font-size: 1rem;
font-weight: normal;
@media (min-width: 1440px) {
font-size: 1.5rem;
}
}
.blue {
color: ${({ theme }) => theme.colors.blue};
}