Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 7612c97

Browse files
profile updates
1 parent b121ec1 commit 7612c97

File tree

2 files changed

+14
-2
lines changed

2 files changed

+14
-2
lines changed

‎src/components/newbie/ProfileCard/ProfileCard.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
background-color: hsl(185, 75%, 39%);
1414
background-position: right 52vw bottom 35vh, left 48vw top 52vh;
1515
background-repeat: no-repeat, no-repeat;
16+
padding: 1.5em;
1617
}
1718

1819
.profile-card-main {
@@ -102,3 +103,14 @@
102103
letter-spacing: 2.096px;
103104
color: hsl(227deg, 10%, 46%);
104105
}
106+
107+
@media only screen and (max-width: 22.5em) {
108+
.profile-card-header-body > img {
109+
width: 95px;
110+
height: 95px;
111+
}
112+
113+
.profile-card-header {
114+
padding: 3.86133333em 1.77777778em 1.28888889em;
115+
}
116+
}

‎src/components/newbie/ProfileCard/ProfileCard.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const ProfileCard = () => {
2525
<div className='profile-card-wrapper'>
2626
<motion.main {...basicFadeUpProfile}
2727
className='profile-card-main' role='main'>
28-
<header className="profile-card-header">
28+
<div className="profile-card-header">
2929
<div className="profile-card-header-body">
3030
<motion.img {...basicScaleUpProfile}
3131
src={avatar} alt="Avatar of Victor Crest" />
@@ -40,7 +40,7 @@ const ProfileCard = () => {
4040
className="profile-card-location">
4141
London
4242
</motion.p>
43-
</header>
43+
</div>
4444
<ul className="profile-card-stats" aria-label="Profile stats">
4545
{statsData.map((stat, index)=> {
4646
return (

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /