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

Responsive landing page using CSS grid

#accessibility

@Travisnicholson90

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


3-Column layout using CSS grid.

Community feedback

IRVINE MESA 1,855

@DrMESAZIM

Posted

Hi Travis

This was very good work I would like us to work on the all the four corners of the the 3 columns

I noticed that border-radius applies to all corners in all view for example on "column-1" desktop view the top-right-radius and bottom-right-radius should be removed

Also noticed that border-radius applies to all corners in all view for example on "column-2" desktop view the should be removed

For the desktop view on column-3 top-left-border-radius and bottom-left-border-radius should be removed

If you find this a challenge to resolve let me know and I could do a YouTube feedback video editing your project code

Marked as helpful

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