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

stats-preview-card-component-main

@Basanta-afk

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

Community feedback

hao pham 745

@jerry-the-kid

Posted

At the mobile design you can set :

.content-1 { border-bottom-left-radius: 0px}

.content-3 {border-top-right-radius: 0px}

More easy way is to have a div contain 3 div content and set it to have boder-radius: 20px, overflow: hidden

Marked as helpful

0

@Basanta-afk

Posted

@jerry-carry bro i did that .content-1 { border-bottom-left-radius: 0px} .content-3 {border-top-right-radius: 0px} but it didn't work so can u contribute in github directly?

1
hao pham 745

@jerry-the-kid

Posted

@Bhusan-cmd Oh i known. You should have call like this in your media section .content-1 instead of .content-1 to look like outside media

section .content-1 { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; }

        `section .content-3 {
            border-top-right-radius: 0;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
        }

I dont no how to contribute in github directly :)) Sr my bad

0

@Basanta-afk

Posted

@jerry-carry Damm bro it worked thank you so much. Do you have twitter account so i can get connected with you.

0
hao pham 745

@jerry-the-kid

Posted

@Bhusan-cmd Sr i don't have twitter. But you can post your solution maybe i can help you if i see :))

0

@Basanta-afk

Posted

@jerry-carry ok its fine but I recommend you to be in twitter as has a good community there. By the way can check my new solution of Huddle landing page and help me i had an issue there.

0

@Basanta-afk

Posted

Please someone help me with the mobile design portion of it as i have been getting issue in border radius in cards

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