Design comparison
Solution retrospective
Hello guys my only issue is the media queries if someone can help!
thank you inadvance and happy coding!
Community feedback
- @JacwilalaseyPosted about 2 years ago
Hi Moscow!
I had the same issue regarding getting the corners rounded across the three different divs/containers, another member helped me with the below information!
You need to set the border-radius to the specific corners for each relevant div/container, per below.
border-top-left-radius: ;
border-top-right-radius: ;
border-bottom-right-radius: ;
border-bottom-left-radius: ;
Additionally, you can employ short-hand properties.
border-radius:(first value for top-left radius) (second value for top right radius) (third value for bottom-right radius) (fourth value for bottom-left radius);
e.g : bottom-radius: 2px 10px 10px 20px;
Marked as helpful1@MOSCOW2022Posted about 2 years ago@Jacwilalasey thank you for the border-radius shortcut i didnt know it!
1 - @vanzasetiaPosted about 2 years ago
Hi, Moscow! 👋
I can't see the GitHub repository. I am guessing that the repository is a private repository. So, I recommend making it a public repository.
For the media queries, it is possible to make the site responsive without any media queries. The way to do that is by using "The Flexbox Holy Albatross" technique. You can see how it works by taking a look at my solution.
I hope this information helps you!
0@MOSCOW2022Posted about 2 years ago@vanzasetia i changed it to public also im gonna check the link you gave me thank you!
0
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