Sunday, September 25, 2016

HTML Flexbox CSS <style> @media min-width Problem

Trying to implement:
within Django. 
Works fine when all of the Flexbox <style>....</style> section is within the template but if I move this style section to a css the following @media sections stop working but the rest continues to work.

   @media all and (min-width: 600px) {
        .aside { flex: 1 auto; }

    @media all and (min-width: 800px) {
        .main    { flex: 3 0px; }
        .aside1 { order: 1; }
        .main    { order: 2; }
        .aside2 { order: 3; }
        .footer  { order: 4; }

If I implement it as a standard index.html and styles.css pair without Django it does work.
Any suggestions?  Thanks for your help.

You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
To post to this group, send email to
Visit this group at
To view this discussion on the web visit
For more options, visit

No comments:

Post a Comment