I would like to make a card (image 1) which is fully responsive and can support two cards sitting to the left of it for a total of three cards on a website I am building (image 2). I've coded…
I've created two cards on a site I am building. I would like them to span the entire div but I cannot get them to span the width without their size being giant. Ideally, I would like to make the…
Below I am able to display the product permalink when it's a single product page, but I want to do the same for a product category archive pages. Here is my code: <meta name="twitter:url" content="<?php if( is_product_category() ){ $cat_link =…
I have two hyperlinks <A Href="address1"... TARGET="info"> and <A Href="address2"... TARGET="info"> When I click the second one, it opens a new tab. How can I have it opened in the same tab "info" ?
I have a GO web application that is using the HTML templating feature. I am attempting to encrypt the user's password before it is submitted in a form. The steps to accomplish this are: Use JavaScript to capture the raw…
So I have an App.jsx file and I am unable to link my Team.jsx page in the header of App.jsx over an Header.jsx component. Here are the Code Files I need a to understand where I am making the mistake…
I'm just getting started with HTML and CSS (via freeCodeCamp) and struggle with my first certification project: building a survey form. Everything went well up to the point where I needed to add checkboxes and radio buttons. There's a huge…
I want to display de category description in a meta tag but my code does not return the category description but the description of the first product of the store page <head> <meta name="description" content="<?php if( is_product_category() ){ $catID =…
I am new to web coding, and met a strange behavior when using flexbox. When a parent is using flex-grow: 1, the child element height: 100% doesn't work. I saw several solutions but doesn't work for me. Does anyone could…
body { margin: 0vh 0vw; } .header { position: relative; width: 100%; height: 12vh; background-color: #004d40; display: flex; align-items: center; justify-content: center; overflow: hidden; top: 0; } .line { position: absolute; left: 0; top: calc(50%); width: 100%; height: 0.25vh; background-color:…