Design comparison
SolutionDesign
Solution retrospective
I haven't yet made it responsive for mobile( newbie here). Please provide the feedback and suggestions.
Community feedback
- @darryncodesPosted about 3 years ago
Hi Srinivas,
Great work on the desktop version!
Don't forget to use
overflow: hidden;
on this code block to make sure theborder-radius
is visible on the image.display: flex; justify-content: center; flex-direction: row; background-color: hsl(244, 38%, 16%); width: 75vw; height: 55vh; border-radius: 10px; }```
Marked as helpful0 - @asifm37Posted over 3 years ago
Hi Srinivas karnati,
Really good job with the desktop version. For the Mobile version, use the media query
@media screen and (max-width: 900px) {}
.I see you are already using
flex
, so it's just a matter of changing a few direction-related properties in CSS.Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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