diff --git a/src/styles/details.css b/src/styles/details.css index 8220fc5..35dbf66 100644 --- a/src/styles/details.css +++ b/src/styles/details.css @@ -28,6 +28,16 @@ font-size: 2.5rem; } +@media screen and (max-width: 550px) { + .detailsTitle { + font-size: 2.5rem; + } + + .detailsComment { + font-size: 1.75rem; + } +} + .detailsInfoLinksContainer { display: flex; flex-direction: row; @@ -40,6 +50,8 @@ padding: 0.25rem 0.5rem; font-size: 1.5rem; text-decoration: none; + border-bottom: 2px solid white; + border-radius: 5px; } .detailsInfoLinks:hover, .detailsInfoLinks:visited, .detailsInfoLinks:active { @@ -58,6 +70,12 @@ transform: translateY(-4rem); } +@media screen and (max-width: 650px) { + .detailsSocialLinksContainer { + display: none; + } +} + .detailsSocialLinksImg { max-width: 4rem; height: 100%;