Blog preview card using flexbox | Mobile-first workflow

Community feedback

• 

  Craig•190

  @cchiversPosted 9 months ago

  Just a quick answer to your questions would be yes there is an easy way to do the transition. for example: (pulling from stack flow)

  @media screen and (max-width: 400px) {
      div { background: navy; }
  }
  
  @media screen and (min-width: 400px) {
      div { background: green; }
  }
  div {
      transition: background 2s linear;
      width: 400px; text-align: center; color: white;
  }
  

  The transition does not go into the @media query but instead into the element that is going to be changing via the media query.

  If you have any further questions please let me know and I can try and help

  Marked as helpful

  0

  ---

  

  Ynotlocin1•80

  @Ynotlocin1Posted 9 months ago

  @cchivers Yeah I tried it out, and that's really cool ! Thank you !

  0