diff --git a/src/component/Home Page/homepage.css b/src/component/Home Page/homepage.css
index 344d9a0..2c09338 100644
--- a/src/component/Home Page/homepage.css
+++ b/src/component/Home Page/homepage.css
@@ -150,7 +150,7 @@ span {
}
#picincircle {
- width: 43px;
+ width: 39.09px;
height: 39.09px;
border-radius: 50%;
margin-right: 1vw;
diff --git a/src/component/Profile/FollowComp.jsx b/src/component/Profile/FollowComp.jsx
index 1157b22..4dc91d3 100644
--- a/src/component/Profile/FollowComp.jsx
+++ b/src/component/Profile/FollowComp.jsx
@@ -6,16 +6,18 @@ function FollowComp (props){
const navigate = useNavigate();
return <>
- {(props.displaypic === null) ? (

) :
- ((props.displaypic.startsWith("https:")) ? (

) :
+ {(props.displaypic === null) ? (

) :
+ ((props.displaypic.startsWith("https:")) ? (

) :
(
- 
))
+

))
}
{/*

*/}
-
{props.name}
-
{
- navigate(`/profile/${props.username}`)
- }}>@{props.username}
+
+
{props.name}
+
{
+ navigate(`/profile/${props.username}`)
+ }}>@{props.username}
+
{/*
{props.username}
*/}
>
diff --git a/src/component/Profile/profilePage.css b/src/component/Profile/profilePage.css
index 4d8103d..604fa33 100644
--- a/src/component/Profile/profilePage.css
+++ b/src/component/Profile/profilePage.css
@@ -473,6 +473,8 @@
border: 0.8px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
display: flex;
+ flex-direction: row;
+ align-items: center;
}
.followName {
@@ -482,17 +484,20 @@
font-size: 1.1rem;
line-height: 24px;
color: rgba(255, 255, 255, 0.9);
- /* margin-left: 5.5vw; */
- margin-top: 13px;
+ margin: 0;
text-transform: capitalize;
}
.followPic {
- margin-top: 15px;
margin-left:1vw;
/* top:60vh; */
}
+.followNameContainer {
+ display: flex;
+ flex-direction: column;
+}
+
.followUsername {
font-family: 'Montserrat';
font-style: normal;
@@ -500,12 +505,10 @@
font-size: 13px;
line-height: 20px;
color: #47c87a;
- cursor: pointer;
- margin-left:-8vw;
-
- margin-top: 30px;
+ cursor: pointer;
text-transform: capitalize;
text-decoration: underline;
+ margin: 0;
/* cursor: pointer; */
}
@@ -655,16 +658,6 @@ z-index:15;
.followCompDiv{
height:57px;
}
-.followPic{
- margin-top:7px;
-}
-.followName{
- margin-top:4px;
-}
-.followUsername{
- margin-left:-7vw;
- margin-top:25.5px;
-}
#bmIcon{
margin-left:16vw;
}
@@ -728,9 +721,6 @@ width:25vw;
margin-left: 1.5vw;
margin-top:10px;
}
- .followUsername{
- margin-left: -8vw;
- }
}
@media(max-width:850px){
@@ -755,9 +745,6 @@ width:25vw;
.followName{
font-size: 1rem;
}
- .followUsername{
- margin-left:-8vw;
- }
.pTweetHead, .pFollowerHead , .pFollowingHead{
font-size: 1.05rem;
}
@@ -834,9 +821,6 @@ margin-left: 8vw;
height: 57px;
width:56.5vw;
}
-.followUsername{
- margin-left:-9vw
-}
.pFollowerHead{
margin-left:10vw;
margin-right: 10vw;
@@ -924,9 +908,6 @@ font-size: 0.9rem;
#bmIcon{
margin-left:5vw;
}
- .followUsername{
- margin-left: -11vw;
- }
#DltPopUp{
width:50vw;
margin-left:-4vw;
@@ -985,9 +966,6 @@ font-size: 0.9rem;
.followCompDiv{
width:81vw;
}
-.followUsername{
- margin-left:-14vw;
-}
.pImage{
width:130px;
height:130px;
@@ -1084,9 +1062,6 @@ font-size: 0.9rem;
.followCompDiv{
width:83vw;
}
-.followUsername{
- margin-left:-16vw;
-}
.pImage{
width:100px;
height:100px;