I’m trying to design a registration page that will work on both a desktop and mobile phone. To register I need 6 items. I would like to have on the desktop 3 lines with 2 items on each line. On …
Tag: responsive
I’m trying to rework this codepen: https://codepen.io/christhuong/pen/XxzNWK const data = { font: { family: ‘Oswald’, size: 70, weight: ‘bold’ }, colors: [‘rgb(248, 225, 0)’, ‘…
For a component I have made a LINK element around the element so it can function as a link. But this only needs to be on desktop. On mobile (max-width:875) the Link should be removed. How can I do …
I’ve created navigation and a section that has a background image and I want it to adjust automatically to screen size, however, it’s not adjusting, the size of the background-image remains the same. …
I’ve been working on the website and it looks good on my screen. However, elements are all over the screen when I check my design with other resolutions. I’m new to web development, so I have a bad …
I am working on a clone project and I have encountered a problem at “width:fit-content” concept. First you should look the following image and I am going to give you related html and css …
I’ve set up my code using flex so that it works responsively (it’s looking how I’d like on devices sub 960 in width so any changes to desktop happen within the css query at the bottom of my CSS file). …
I would like to use css to add an effect so that a div has a width of 500px but only if the user is on a computer. If the user is on a mobile phone, tablet, iPad etc, it would have the predefined …
I’m trying to get my piechart to behave differently dependant on the view size. However the responsive obj doesn’t seem to be working. I’m trying to change the position the legend and the margin for …
Lists in navigation bar would not hide itself when responsive hamburger menu appears in small screen
I’m trying to create a responsive navigation bar for mobile users. Basically, I want the lists in the navigation bar to hide itself in small screen and the lists will be hidden inside hamburger menu. …