Product preview card component challenge

Community feedback

• 

  P

  Adam Winzenburger•230

  @adamwinzdesignPosted over 2 years ago

  There are a couple of ways of fixing the display issue between the main/wrapper element and the footer/attribution element. One way would be to wrap both elements into a common parent and then style that parent so that it displays both the main element and the footer element in a single column at all screen widths. For example, using flexbox, you could use a flex-column parent div to make sure that the main element and footer element are displayed in a single column at all screen widths, then you could still style the main element to be responsive without changing where the footer is displayed. In other words, the browser needs to know how to place the main element and footer elements in relation to each other, not just how they each look independently.

  Marked as helpful

  1