css: align contact methods
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
parent
303de84d03
commit
0230d18b87
2 changed files with 18 additions and 15 deletions
css
|
@ -189,10 +189,11 @@ body {
|
|||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 90%;
|
||||
left: 1.5rem;
|
||||
left: -100rem;
|
||||
right: -100rem;
|
||||
margin: 0 auto;
|
||||
width: max-content;
|
||||
opacity: 0;
|
||||
transition: all 0.2s ease;
|
||||
|
@ -204,18 +205,19 @@ body {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
&:nth-last-child(1), &:nth-last-child(2) {
|
||||
&:last-child {
|
||||
p {
|
||||
left: auto;
|
||||
right: 1.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
&:first-child {
|
||||
p {
|
||||
left: -100rem;
|
||||
right: -100rem;
|
||||
margin: 0 auto;
|
||||
left: 1.5rem;
|
||||
right: auto;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue