Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Ignacio Andres Rumbo
Ignacio Andres Rumbo
6,638 Points

microsof edge css flexbox

hi comunity... i have designed a website but when i run it on Edge the site looks very bad. it's like flexbox its not working

3 Answers

Andrey Misikhin
Andrey Misikhin
16,529 Points
Andrey Misikhin
Andrey Misikhin
16,529 Points

Flexbox supported by Edge https://caniuse.com/#search=flexbox. Give a link to your site or load your design here https://thimble.mozilla.org/ru/ to share with us.

Ignacio Andres Rumbo
Ignacio Andres Rumbo
6,638 Points
Ignacio Andres Rumbo
Ignacio Andres Rumbo
6,638 Points

hi Andrey thenks for your feedback the site is http://exploracocinaydisfruta.com in Chrome and Firefox no problems.

Andrey Misikhin
Andrey Misikhin
16,529 Points
Andrey Misikhin
Andrey Misikhin
16,529 Points

Andres, I think that you didn't understand how to use flexbox. You may see course about flexbox on treehouse https://teamtreehouse.com/library/css-flexbox-layout. The easiest way to solve your porblem to delete all flex rules from css, I mean: display: flex; flex-direction: row; flex-wrap: wrap; and your site will be looking the same in different browsers. I checked this method in Edge and block stretched to full width like in Chrome.

Ignacio Andres Rumbo
Ignacio Andres Rumbo
6,638 Points

umm maybe i need more practice with flexbox... i must take the course again.. thanks Andrey...