CSS background image issues
Hi, I'm trying to create a responsive website, but one of the pages is giving me quite the hassle in regards to the background image(the man with the kid). I would like some help with my code to make the background image not only responsive and cover the screen, but also have the form below it be on top of the image.
It would be greatly appreciated if I could have your expertise on this matter!...
cors error
Im experiencing cors error with my app even though i have cors configured in the backend here is the github repo to my front end for anyone interested in checking it out im having issues with jwt login is what i want to figure out its in src/pages/authentication/login.js
https://github.com/leon-kxng/payment_react.
Attached is an image of how iβve configured cors in my backend and me testing the api confirming it works...
Attached is an image of how iβve configured cors in my backend and me testing the api confirming it works...
How to get flex to shrink to content for wrapped text?
The following is part of a Vue3 component, using Tailwind:
`<template>
<li class="block border-b border-b-white/20 bg-white/20 py-2 pl-6 pr-2 text-sm hover:bg-white/30 -outline-offset-4">
<div class="flex gap-x-5px">...
Huge margin while applying translateX property
Hello everyone, I am using react swipeable to make a swipeable carousel. It works well except when I click the PREV button. I have a big margin on the right that appears before sliding to the left is happening. Do you know how to fix that? Thank you!
Dynamically sized grid with some parts scrollable
For reasons that shall remain a mystery I am trying to create a DAW (Digital Audio Workstation) UI in the browser. One of the main features of a DAW is the arrangement view, where tracks are laid out horizontally with the track info to the left and the timeline to the right, like in Image 1.
Although the track heights look fixed/similar in that image, itβs important that they are dynamic and can have different height, for example when you enable the automation lane, like I have done for the first track in Image 2.
So far so good, even I could solve this with a regular grid (I think). But the problem is that the timeline needs to be horizontally scrollable while still being part of a dynamically sized grid. The attached video shows what I mean....
css grid empty white space
hi guys how do you make this forth and 6th images takes up the whitespace above them? i used display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 51px;
margin: 0 auto;
max-width: 1390px;...
CSS Grid Issue
Hello,
I'm having an issue that I'm trying to work around without having to rebuild my layout. I used CSS grid to build a marketplace layout, defined by:
grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
...
ReactJS (Tailwind CSS)
I'm trying to work on a modal message. I want to send to my body web page with two conditions, one for the on the success and one on the error. Is possible to render a full component inside the function promise?
As additional info I'm using EmailJS for sending the request...
Trying to embed Twitch video but error occurs
This is the code I am currently using on the html file:
```html
<div class="twitch-frame"><iframe src="https://player.twitch.tv/?channel=untitledgamestudios&parent=www.ugs.pt" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe></div>
......
