fix: add the right margin to the right components

src/components/RepoList.vue

@@ -40,6 +40,7 @@ const getStyle = (seed: string) => {
 <style scoped lang="scss">
 .repo-list {
   display: flex;
+  justify-content: space-evenly;
   gap: 1rem;
   flex-wrap: wrap;
 

src/components/WelcomeWorld.vue

@@ -144,7 +144,6 @@ h1 {
 }
 
 .welcome-world {
-  padding: 1rem;
   margin: auto;
   display: flex;
   flex: 1;
@@ -162,7 +161,7 @@ h1 {
   flex: 1;
   flex-direction: column;
   gap: 1rem;
-
+  padding: 0 0.5rem;
 }
 
 .github-form {
@@ -177,8 +176,10 @@ h1 {
 
 footer {
   display: flex;
-  gap: 1rem;
+  gap: 0.2rem;
   align-items: center;
+  justify-content: space-around;
+  padding: 0.5rem;
 }
 
 .profile-avatar {