React Spilt Page using Styled Component and CSS Flexbox

Solution retrospective
Is there a way to make the logo sizing closer to the mockup? I experimented but still couldn't get it to look smaller.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @strosi
Hi Genie! I have no much experience using styles with React so I'm just guessing. Try to change the logo style:
@media (max-width: 768px) { max-width: 100%; height: auto; }
with
min-width: 8rem; width: 100%; max-width: 13.5rem;
or with
width: clamp(8rem, 15vw, 13.5rem);
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord