Hellow friends, could somebody help me, i’m very noob in html, this is my first code, i’m watching a youtube video to learn, but i have issues with this, i want to do that is on the video, and is not working this is the code in html <!DOCTYPE html> <html lang = "es"> <head>… Read More How can i resolve a problem of display: flex on html & css?
I want to put the text over the div that is containing an image and that div is inside another div that also has an image. .marioHeader { background-image: url(“resources/marioBackground.jpg”); background-size: 600px; height: 500px; background-position: bottom; display: flex; justify-content: center; align-items: center; background-repeat: repeat-x; background-color: #6096ff; margin-top: 50px; text-align: center; } .title { text-align: center;… Read More Put text on top div that is inside another div
Trying to do a drop-shadow hover effect in react. I thought I’d use inline style attribute so each icon can have a different color when it’s hovered over. I’m stuck on how to achieve this. In my IconGrid component I’ve created an array of objects, each has an image and the image color respectively. Then… Read More How can I use dynamic css variables in react?
I am trying to learn HTML/JS/CSS programming and tried to follow a tutorial making the game "snake". I am at a stage where I want to draw the head of the snake and have written the code but it doesn’t seem to appear. I have sat for the last 30min trying to find why my… Read More Snake head/body doesnt appear
I’m trying to insert 2 buttons inside 2 divs. All divs in my css have a display grid as assigned. My question is why do the divs with class button-left and button-right expand to take all the space available, even if I did not tell them to have a width of 100% or width of… Read More Why my div in display grid expand to cover all is available are?
I have following component. I am making this based on react-hook-form documentation. Additionally I add styled components. But I find out problem with button. Submit button does not works. Nothing happen when I click on it import styled from ‘styled-components’; import { useForm } from “react-hook-form”; export const OrderDetailsForm = () => { const {… Read More React Hook Form – onSubmit does not works
I’m creating a calculator with JavaScript and most functions are working properly, but the operator function defaults to the first if statement each time (I switched add with subtract to test this). i.e. if the add function is in the first if statement of my operator function, every operator button will add the numbers instead… Read More Operator function defaults to first if statement in JavaScript calculator project
So I have an issue with my code where when my JavaScript types of a word (eg. Gamer) it limits to a certain width and ends up going vertical instead of horizontal. Here are all the classes and code for the text: // TYPEWRITER // const typedTextSpan = document.querySelector(“.typed-text”); const cursorSpan = document.querySelector(“.cursor”); const textArray… Read More Why is my text going vertical at a certain width?
I had code in react js but the are problem to write anchor with href . form example this below code import React from "react"; function Browser() { return ( <div> <section className="flex bg-gray-100 py-16 px-4" id="browse-the-room"> <div className="container mx-auto"> <div className="flex flex-start mb-4"> <h3 className="text-2xl capitalize font-semibold"> browse the room <br className="" /> that… Read More how to write good anchors in react.js
I have a line chart created using ChartJs. I have added a AutoSkip: false in the Y-axis under scales in my javascript as I want to show every single dates from the labels on Y-axis but some of my dates are being skipped. The dates start from 2022-02-25 and ends at 2022-05-06. But the Y-axis… Read More ChartJS autoskip:False not working on line chart