Adjust page in media 1024

dexef · August 2022

css media 1024 how to adjust page in this media because it conflict with the default size of page

Phil · August 2022

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Also, please, explain your problem in more detail.

Thanks

dexef · August 2022

Hi,

This is the link of the page https://dexef.com/flight-booking/

I'm working to design it like UI UX design through XD design so I have to adjust it on desktop and other media

but I have noticed that media 1024 is affected by desktop design like if I put class and want to put another CSS on media 1024 it canceled and take CSS for desktop how to adjust it through CSS?

Phil · August 2022

Add !important to your CSS to overwrite other styles.

Like that:

Thanks

dexef · August 2022

If I

added this will affect design on default desktop

I need to separate media 1024 from desktop because it make conflict with design

if you see the design on desktop is well but in media 1024 is corrupted but if i put !important to class in media 1024 affect design in desktop

Phil · August 2022

Sorry, but I do not understand what you want to exactly achieve.

Can you explain it greater in more detail, please?

Thanks

dexef · August 2022

6bfab491-6949-4797-8cf2-cbf9b6f95a24.zip

they affect each other if you understand me

Phil · August 2022

Try the following CSS code instead:

@media screen and (max-width: 1240px) and (min-width:960px) {
   .homepage {
      display:block!important;
   }
}

Thanks

dexef · August 2022

It worked thanks

Adjust page in media 1024

Comments