Article preview component

Community feedback

• 

  Paulo Wells•530

  @wellspr

  Posted 4 months ago

  Good job on the desktop version, it is very close to the original design. However, it lacks responsiveness for smaller screen sizes. To improve this solution, you should include one or more media queries. The media queries are necessary because the layout changes from vertical to horizontal. Then, it would be your choice to use, for example, Flexbox or Grid to arrange the layout accordingly. For example:

  .preview {
    display: flex;
    flex-direction: column;
  
    @media (min-width: 768px) {
      flex-direction: row;
    }
  }
  

  00

  Marked as helpful