Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

html css

Moscow 420

@MOSCOW2022

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello guys my only issue is the media queries if someone can help!

thank you inadvance and happy coding!

Community feedback

@Jacwilalasey

Posted

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 helpful

1

Moscow 420

@MOSCOW2022

Posted

@Jacwilalasey thank you for the border-radius shortcut i didnt know it!

1
Vanza Setia 27,795

@vanzasetia

Posted

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

Moscow 420

@MOSCOW2022

Posted

@vanzasetia i changed it to public also im gonna check the link you gave me thank you!

0
Vanza Setia 27,795

@vanzasetia

Posted

@MOSCOW2022 You are welcome!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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