Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HuddleLandingPage use: HTML5, SCSS/CSS, BEM convention

Rafał 30

@rafal-bedkowski


Design comparison


SolutionDesign

Solution retrospective


I really struggle with one thing. After i publish the page on githubpages, on all browser my page looks nice, but when it's come to opera on 1440 width i see the styles of the 375 width. Looks like it's totally crashes on this browser. Do you have any clue, how to fix it, i'm out of ideas?

Community feedback

Orses 210

@orses

Posted

@GodstimeNwabue Hello Rafal, I was looking at your project in Opera and it's working.

But I think the media queries they use are too long. You could change min-width:1440px to perhaps min-width:1100px. Starting at 1024px, any monitor that exceeds that figure, but does not reach 1440px, will display a strange page.

Also, I think you could try creating a wrapper to center everything using margin left and right with value auto;

I hope this is useful to you. Cheers

Marked as helpful

0

Rafał 30

@rafal-bedkowski

Posted

@orses Hey,

You have right with the width range. Now everything works more smooth.

Thanks man :D

1

@GodstimeNwabue

Posted

How about you check if the opera browser is updated

0

Rafał 30

@rafal-bedkowski

Posted

@GodstimeNwabue i checked this at the first place

0

@GodstimeNwabue

Posted

@rafal-bedkowski I checked it and it isn't

0

@GodstimeNwabue

Posted

@orses same too, didn't even think about the media queries on it. Nice suggestion

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord