I have html like following, in my Django project <!DOCTYPE html> {% load static %} <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Index Page</title> <link rel="icon" type="image/png" sizes="16x16" href="{% static 'favicon.png' %}"> <link rel="stylesheet" href="{% static 'style.css' %}">…
Hello guys be kind I'm new to programming. I just started doing some stuff to practice so I created a little web site. I created a div container with a display block for the ul 'home, service, ecc..' on the…
Suppose my web app is given any random color, say purple, to use as a base accent color. Black - or nearly black - text has a bad contrast against this purple background: But if you make background a very…
In my previous question, I asked about keeping 4 columns in view, even if there are more than 4 columns. @G-Cyrillus provided a solution using the cqw unit, which works well. However, I face an issue when I have only…
There is a feature i implemented in the tiktaktoe wherein if a player wins the game, then the winning box gets green in color and if there is a draw , then all the box becomes red. The feature is…
I made L shaped menu bar with inverted corners inside by this method:Inverted corners, but the problem is I cannot change the corner color to blur because its color is from box-shadow. My question is how can I change it…
I have a design like below. Tried many things to customize input field but couldn't make it. Left side is fixed text and right side is input that user needs to enter. How can I divide input as below and…
I'm trying to create a multi-level dropdown menu using Bootstrap. By default, the dropdowns should align to the right side, but if there's not enough space, they should switch to align to the left. The problem I'm facing is that…
might be best explain with an example this is the HTML snippet of my breadcrumb. This comes with its own breadcrumbs.scss. <div class="container"> <div class="cmp-container"> <div class="my-grid"> <div class="breadcrumb container"> <nav class="cmp-breadcrumb"> <ol class="cmp-breadcrumb__list"> <li class="cmp-breadcrumb__item"> <a href="/content/page2.html" class="cmp-breadcrumb__item-link"> <span…
Trying to make div heights as percentages of the body height. I'm using bootstrap version 5.3. I'm able to make the body element 100% of the view. However, all the other div have the same size of 24px. I'm trying…