mnisyif/mnisyif_frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add new component InfoSection to reusability, and replace Education and Experience components

Browse source
This commit is contained in:
Murtadha 2024-07-12 17:41:25 -04:00
parent 1a19bb2a8f
commit 93d886f7a4
4 changed files with 222 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/App.module.css
View file

@ -1,37 +1,47 @@
.app {
display: flex;
flex-direction: column;
min-height: 100vh;
display: flex;
flex-direction: column;
min-height: 100vh;
}
.main {
flex: 1;
display: flex;
flex-direction: column;
padding-top: 60px; /* Adjust based on your header height */
flex: 1;
display: flex;
flex-direction: column;
padding-top: 60px; /* Adjust based on your header height */
}
.section {
width: 100%;
display: flex;
justify-content: center;
padding: 40px 0;
width: 100%;
display: flex;
justify-content: center;
padding: 40px 0;
}
.content {
width: 75%;
max-width: 1200px;
width: 75%;
max-width: 1200px;
}
/* Global styles */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
}
:root {
--content-width: 75%;
--accent-color: #ff6b00;
}