Product listing and responsive options

Okay, thanks for the help!

You’re welcome

1 Like

Page
https://codepen.io/coothead/full/OJyeEbK

Code
https://codepen.io/coothead/pen/OJyeEbK

@coothead,

Looks good! That is what I would say I wanted.

Questions:
1.) Why did you put Unisex and the Price in the H2?

2.) Why did you take the approach you did versus how DavideMancuso did?

I tried reading your CSS, but honestly got lost in the meaning. Am trying to brush up on Flexbox but there is a lot to learn!

P.S. Love those slippers!!! :slight_smile:

  1. They appeared, to me anyway, to be a part of the heading.
    But they are not fixed in stone and may be moved out.

HTML

 <h2>Fuzzy Pink Slippers</h2>
 <span>Unisex</span>
 <span>$19.95</span>

CSS

.item h2 {
    margin: 0;
 }
 
.item  span {
    display: block;
 }
  1. @DavideMancuso’s approach is from mobile to desktop,
    whereas mine is from desktop to mobile.
1 Like

Okay.

Okay.

Thanks.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.