I have made a project on frontend mentor, the project works well in my screen (laptop) also for some phones too!. But the thing is that in some other screen it breaks, I don't know why please help me, This…
Below is JS Code document.addEventListener("DOMContentLoaded,"); const toggleBtn = document.getElementById('toggle_btn'); const dropDownMenu = document.getElementById('dropdown_menu'); toggleBtn.onclick = function(){ dropDownMenu.classList.toggle('open'); } I want the dropdown menu to get toggled when clicked in the responsive design
I am using Bootstrap 5 to create a website and I used it to create a contact form. When you are looking at the contact form on a desktop or laptop the white arrow that divides the 2 sections blend…
I tried using ternary operator but it did not work import cclogomobile from '../../assets/cc-logo-mobile.svg' import React, { useState } from 'react' export default function imag(){ return( <> <img src={(window.width>700)? {cclogo}:{cclogomobile}} alt="cclogo" /> </> )}
return Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.max, children: [ Container( decoration: BoxDecoration( borderRadius: const BorderRadius.vertical( bottom: Radius.circular(25.0), ), color: Theme.of(context).primaryColor, ), child: Column( children: [ Padding( padding: const EdgeInsets.only( top: 25.0, left: 20.0, right: 20.0, bottom: 10.0, ), child: Row( children:…
How can i delete some items based on the screen size ? I have given at my css for desktop margin-left, width, height, and position:absolute; properties but I need them not to apply in mobile responsive. How can I dot…
Description: I have developed an interactive rating component , and it works well on various screen sizes except for when the width hits 400px. At that point, a horizontal scrollbar appears, and the content starts to get cut off. I've…
I saw calc(1.25rem + 0.30vw) in bootstrap and I didn't get what it means. I am using bootstrap for the design a responsive page on a website. Please help I am expecting meaning of it with calculations enter image description…
I have a linear gradient in my background: https://prnt.sc/9mmoSmAazP8A The problem is that when the screen size changes, my gradient is not starting at Point 0: https://prnt.sc/S9fGUR2Ta3l9 How can I assure that the gradient starts at point 0 all the…
I want to design this contact card to be responsive with the web page size and also remain as it is, only change in dimensions. Here is my code. When I change the device screen size, the circle at the…