Submitted over 2 years ago

Responsive 3-column layout using CSS Grid and Flexbox

Onyekachukwu Ejiofor Nweke• 100

@Onyekachukwu-Nweke

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I found putting the attribution div hard, please any ideas on how to inlcude it without distorting the design. Thank you!!

Community feedback

Onyekachukwu Ejiofor Nweke• 100

@Onyekachukwu-Nweke

Posted over 2 years ago

Hey @12Kentos I want to add it below the responsive card

Kent O'Sullivan• 1,870

@12Kentos

Posted over 2 years ago

@Onyekachukwu-Nweke Sorry, I didn't realize you were talking about the mobile version. It's really strange that it works fine in the desktop view, but is acting almost as though the position on it is absolute on the mobile version. I tried changing some code around, and was unable to figure out what was wrong with it... Sorry! I would suggest joining the slack group and asking there.

Marked as helpful

Onyekachukwu Ejiofor Nweke• 100

@Onyekachukwu-Nweke

Posted over 2 years ago

@12Kentos thank for your help I really appreciate

Kent O'Sullivan• 1,870

@12Kentos

Posted over 2 years ago

Hey @Onyekachukwu-Nweke

Where exactly are you wanting the attribution to be placed? I checked out your code and included the attribution, and to me it looks fine.

Please log in to post a comment

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