Skip to content

Commit

Permalink
cahnges ratio of socail icon
Browse files Browse the repository at this point in the history
  • Loading branch information
manojsvgit committed Sep 23, 2024
1 parent 14f4f98 commit 2cdf6c3
Showing 1 changed file with 1 addition and 19 deletions.
20 changes: 1 addition & 19 deletions assets/css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -577,40 +577,22 @@ img {
transition: color 0.3s, transform 0.3s, box-shadow 0.3s; /* Smooth transitions */
}

/* Glowing effect on hover */
.footer__icon:hover {
color: var(--first-color); /* Change color on hover */
transform: scale(1.1); /* Slightly enlarge the icon on hover */
box-shadow: 0 0 10px var(--first-color), 0 0 20px var(--first-color); /* Glowing effect */
}

color: var(--first-color); /* Change color on hover */
transform: scale(1.1); /* Slightly enlarge the icon on hover */
box-shadow: 0 0 10px var(--first-color), 0 0 20px var(--first-color); /* Glowing effect */
}


.footer__copy {
font-size: var(--smaller-font-size);
opacity: 0.7; /* Slightly muted text for a softer look */
margin-top: var(--mb-2); /* Add some space above the copyright text */
}

/* Responsive Design */
@media (max-width: 600px) {
.footer {
padding: 3rem 0; /* Increase padding for smaller screens */
}

.footer__title {
font-size: 1.5rem; /* Adjust title size for smaller screens */
}

.footer__copy {
font-size: calc(var(--smaller-font-size) * 0.9); /* Slightly smaller font size */
}
}



/* ===== MEDIA QUERIES=====*/
@media screen and (max-width: 320px) {
Expand Down

0 comments on commit 2cdf6c3

Please sign in to comment.