Submitted about 3 years ago

3 column preview card using grid, flexbox and custom properties

cube-css

ania•330

@ania221B

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

I'm using Andy Bell's Modern Reset with some minor changes. The reset contains the following bit:

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none;
}

Yet setting role to list is treated as a mistake in the report. Is it a bad idea to use role="list" to remove default styling?

There was no tablet view. It doesn't seem necessary but should it be added somehow anyway?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on ania's solution.

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