In the navbar, I have a cart button that is supposed to toggle open when it is clicked on and close when the close button is clicked on. For some reason, it isn't working. I created an .active class in…
I am working on Project Landing Page of freecodecamp site. Following is my code * { box-sizing: border-box; margin: 0; } body { background-color: #eee; font-family: 'Lato', sans-serif; border: 1px solid black; } main { width: 80%; margin: auto; padding-top:…
Can somebody please help me how to make the image show up on the right side? I can't figure out why it's not doing anything. @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); body { margin: 0; background-color: #000; color: #eee; font-family: Poppins; font-size: 12px; }…
Home.html file: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Home</title> <link rel="stylesheet" type="text/css" href="{{url_for("static",filename="css/css.css")}}"> </head> <body> <h1>Welcome to recipe book</h1> <p>{{length}}</p> <script> const amount = {{length}}; console.log(amount); </script> </body> </html> main.py Flask python file: #,redirect,url_for,send_from_directory, from flask import Flask,render_template import os…
I am trying to build a website which is built to just display text and links and while inputting text all of a sudden 2 of the blocks of text suddenly started acting as if there was a wall and…
I'm trying to create a dynamic tabbed interface for my website where users can click on different tabs to display different content sections. I've been able to create static tabs using HTML and CSS, but I'm not sure how to…
I am trying to use a template to be able to reuse a flexbox across multiple pages; rather than reuse the code on each page. However, rather than getting the flexbox I get: If I just render the html as…
I am confused why the first button doesn't fill the whole width here: <div style="display:flex;"> <button style="width:100%;"> </button> <button style="flex-shrink: 0;"> </button> <button> </button> </div> Why does flexbox interrupt the width?
I have two divs that I want side by side. The two divs are inside a div container. I tried float left on each divs to make them side by side. I also tried center the divs by centering their…
I have a problem with CSS which I don't get solved. I have one parent container called plcRemoteFormContainer with one child container <form id="plcRemoteForm">. This child should meet the next requirements: Be centered. Fill the entire height of parent container…