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…
Is there a way to use media query on html? I need to put a image like a banner centralized on my page, when the screen it's less than 768px it's shows a smaller image but when the screen grows…
For some reason the media queries not applying, it works fine for any other class, i only had issue with this one I tried, removing only, screen ect. none of the worked const showImageButton = document.getElementById("show-image-button"); const myImage = document.getElementById("my-image");…