From 1ad5e88a5707cec7bce6a1b593b808a5371704e3 Mon Sep 17 00:00:00 2001 From: Arne Rief Date: Wed, 22 Feb 2023 09:39:46 +0100 Subject: Removed redundant class --- style.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index b291c75..2dbe1fe 100644 --- a/style.css +++ b/style.css @@ -52,7 +52,11 @@ body { } body { - background: linear-gradient(45deg, rgba(2, 48, 89, 0.89) 0%, rgba(9, 61, 94, 0.84) 100%); + background: linear-gradient( + 45deg, + rgba(2, 48, 89, 0.89) 0%, + rgba(9, 61, 94, 0.84) 100% + ); background-repeat: no-repeat; background-size: cover; box-sizing: border-box; @@ -343,7 +347,6 @@ footer .big-icon { justify-content: space-around; gap: 2rem; } - @media screen and (max-width: 1400px) { .project-container { display: flex; @@ -351,11 +354,16 @@ footer .big-icon { align-items: center; justify-content: center; gap: 5rem; + /* + important for second project, otherwise screenshot below text-container; + could be done with separate class for 2nd project and flex-dir: col-reverse for media query too + */ } - .reverse-order { - flex-direction: column-reverse; + .project-container > img { + order: -1; } } + .project-screenshot { border-radius: 10px; outline: 5px solid #e79759; -- cgit v1.2.3