I want to create a list using HTML & CSS shown as below: Expected Output: But getting below output. Actual Output: As you see, the line is collapsing on text and numbers. I want text besides of vertical line. And…
I am using Bootstrap 5 to make a website and I am trying to make the header image of the website responsive using media queries. I like the way it looks on desktop, laptop, and tablet viewports but on mobile,…
I am using Bootstrap 5 to make a website and I am trying to make the header image of the website responsive using media queries. I like the way it looks on desktop, laptop, and tablet viewports but on mobile,…
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…