diff --git a/src/App.css b/src/App.css
index 599c179..50702b0 100644
--- a/src/App.css
+++ b/src/App.css
@@ -20,6 +20,8 @@
}
#container {
display: flex;
+ flex-direction: column;
+ align-items: flex-start;
justify-content: center;
margin-top: 3%;
}
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 5d3ec4b..35ae77a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -15,34 +15,34 @@ function App() {
{data.links.map((rootDetail, index)=>{
if(rootDetail.type === "facebook") {
- res =
+ res =
}
else if(rootDetail.type === "instagram") {
- res =
+ res =
}
else if (rootDetail.type === "twitter") {
- res =
+ res =
}
else if (rootDetail.type === "github") {
- res =
+ res =
}
else if (rootDetail.type === "youtube") {
- res =
+ res =
}
else if (rootDetail.type === "linkedin") {
- res =
+ res =
}
else if (rootDetail.type === "pinterest") {
- res =
+ res =
}
else if (rootDetail.type === "tumblr") {
- res =
+ res =
}
else if (rootDetail.type === "reddit") {
- res =
+ res =
}
else if (rootDetail.type === "basic") {
- res =
+ res =
}
else {
// throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
diff --git a/src/styles/roots.scss b/src/styles/roots.scss
index 5989aa4..9bb7f0c 100644
--- a/src/styles/roots.scss
+++ b/src/styles/roots.scss
@@ -1,6 +1,10 @@
$btn-border-radius: 25px;
$btn-border-width: 0px;
+.roots {
+ margin: 0 auto;
+ margin-bottom: 1%;
+}
#facebook {
background-color: #1877f2;
}