I am using Bootstrap 5 to make a website and I am trying to make the website more responsive across all devices. When someone is using a mobile device I want the div that holds the image to be above…
what is difference between max-width and min-width in media query in html css @media (min-width:480px) { /* smartphones, Android phones, landscape iPhone */ } @media (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }…
I am practicing media queries in CSS. I have a 1920x1080 laptop and I want to simulate bigger screens to test the responsiveness of my website. Chrome and Firefox only have phones and tablets by default but I want to…
I'm working on a web project and I want to create a navigation menu that adapts to different screen sizes. I want it to collapse into a hamburger menu on smaller screens and expand into a full menu on larger…
Does anybody knows how set proportional (1:1) dimensions for catalogue images that fit in all scenarios in Flatsome theme? set width and height on image or box-image with cover fit is not solution. In image settings 1:1 or checking uncropped…
Hello Everyone i have an issue, i'm working on website with two different languages. main language is arabic and secondary is English, i have prepared everything and it's fine but when i change from arabic to english a lot of…
This is the link to the codpen with the code: https://codepen.io/gregelious/pen/zYmLGex It is a restaurant menu with 3 categories(divs) as 3 separate boxes. (in depth instructions here: https://github.com/jhu-ep-coursera/fullstack-course4/blob/master/assignments/assignment2/Assignment-2.md) These were the instructions: When width >= 992, each box should take…
I'd like to achieve displaying none in the dom tree the parent div, but to keep the child div stil visualized by css only. <div> // keep this div <div> // with media query make this div dissapear <div> //…
I am using flexbox for the first time to create a page. I have 2 containers with rows of 2 on top of each other that become columns when in mobile. At the end I have a footer. The footer…
new to designing webpages here. I am trying to make the divs in the class from flex-direction: column to flex direction: row when it hits 650px, but it cannot get overwritten with the media query . When I inspected the…