I am working on a layout using HTML and CSS with Flexbox. I want to ensure that the entire page takes up 100% height, with a header, sidebar, main-contents, and footer. In my current implementation, the height is not properly…
I have an image as my icon and my navigation links running after it as a header. I would like this "nav bar" to match up with width of the rest of my content on mobile. On laptop looks perfect…
I have a grid layout defined using CSS Grid, and I want to achieve a specific layout with designated heights for certain areas. The desired grid layout looks like this: A B C A D E F G E I…
Have a full-height landing area with logo and text at www.basuranewyork.com The landing area works fine on desktop and iphone. But on Chrome on Android devices, the landing area (text and logo) loads low down, then "pops up" into place,…
i have problem with my code. I have simple check out form and i have two tabs, “tabs1” and “tabs2” with input and label inside each with required attribute(I need this). So the problem is that i cant submit a…
I have a chunk of html I have extracted using BeautifulSoup which containts an SVG path and a title. I am wondering if there is a way to extract the title text and the coordinates from this chunk. <g class="myclass"><title>mytitle</title><path…
document.getElementById("first-img").addEventListener("click", function(){ document.getElementById("detail-img").innerHTML = `Detail of first img` }) document.getElementById("second-img").addEventListener("click", function(){ document.getElementById("detail-img").innerHTML = `Detail of second img` }) .container{ display: flex; height: 30px; gap: 1rem; } .img{ background-color: red; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…
I wanted the user to enter his credentials and be redirected to another html page if it matches the one in the database. If it doesn't give an error message. I tried so many methods but I couldn't seem to…
There are several lines text with dot. I tried to use whitespace-pre-line, but it didn't work. This is the code <div className="flex items-center group" > <p className="px-6 py-3 rounded-b-lg rounded-r-lg bg-gray-800 w-[28rem] max-w-xs lg:max-w-md text-gray-200 whitespace-pre-line"> Hello @Green Greetings from…
the unitgrid needs to be aligned vertically and horizontally to be just below maingrid. maingrid is in the center of the page. the image is attached below to where the unit grid needs to be placed which is under maingrid…