finished all

Author: MohamedAlDeep

src/components/Contributors/contributors.jsx

@@ -11,10 +11,11 @@ function Contribute() {
           id="container"
           className="py-4 mb-4 col-span-12 md:col-span-6 xl:col-span-4 px-2 md:px-6 border-l-4 rounded-lg   items-start bg-dark-secondary flex flex-col flex mt-8 items-center gap-2 px-3 py-2 border border-gray rounded-lg hover:border-primary hover:text-primary">
             <h1>{data.name}</h1>
-            <img src={data.image} />
+            <img className='pfp' src={data.image} />
             <div className="links">
-              <a href={data.github}>Github</a>
-              <a href={data.twiter}>Twiter</a>
+              <a className='spf-link' href={data.github}>Github</a>
+              <a className='spf-link' href={data.twiter}>Twiter</a>
+              {/* spf-link : abbreviation of (specific-link) for css */}
             </div>
           </div>
           )

src/components/Contributors/css/index.css

@@ -11,11 +11,11 @@
   top: 20%;
 }
 
-a {
+.spf-link {
   padding: 1.4rem;
 }
 
-img {
+.pfp {
   position: relative;
   top: 5%;
   left: 11%;

src/components/Contributors/css/index.scss

@@ -11,10 +11,10 @@
   display: inline;
   top:20%;
 }
-a{
+.spf-link{
   padding: 1.4rem;
 }
-img{
+.pfp{
   position: relative;
   top: 5%;
   left: 11%;