How to make the anchor tag take up the full space of the list item it's present inside.
As you can see in the image, my anchor tag containing 'Home' only takes up as much space as the content inside it (the text home). How can I make it occupy the entire space of the list item?
my HTML code:
<!DOCTYPE html>...
help with text in grid
https://codepen.io/etrbbr/pen/wBwgwrG
On the first page, it shrinks when you compress it vertically. How can I fix this? It's probably because the first photo is a bg-img.
The second question: In the grid with 8 photos, how can I fix the text like this?
Also, in the grid with 8 images, the text is fine on the first image, but for some reason, it's different on the others....
Payment Method integration
Is it possible to integrate payment get way method integrate using React JS
z-index and hover interactions
I have started to build an hexagonal map using the
oi.hexmap.js
library as shown in this CodePen.
I have an issue with conflicting z-index that I'm not sure can even be solved. I have a base div with id="hexmap1"
which host the map. Inside that div, I have another one with id="compass"
which has a background picture.
```html...Allow overflow when centered element goes off screen
On my website https://xansnh.neocities.org/ (similarly with https://xan.nekoweb.org/) everything is centered with a flexbox, but the contents change size to always fit the screen, which doesn't really work for smaller viewports. Or, they might go slightly off screen (above/below), even with a scrollbar.
But subpages on my main website, for example https://xan.lol/#now, all the contents are surrounded by
display: block
elements with margin.
How can I achieve that kind of margin, but still keep contents centered without scrollbars when they wouldn't normally go off screen or exceed some percentage of the view-height?...Grid auto column
Hello! I have a main element that is in the center of the screen
this main element contains h1 and grid
this grid should have this many coulombs, they should be 4, but also, when narrowing the screen, respectively the parent, these coulombs should be resized and their number reduced, respectively 3,2,1 coulombs...
CSP
Hey everyone,
I'm currently working on a React app using Vite, and I'm trying to implement a CSP policy with script-src 'strict-dynamic'. I know that to make this work, I need to add a nonce or a hash for the scripts, especially for index.jsx.
Has anyone here successfully implemented this?
Would appreciate any guidance or examples on generating and adding the nonce/hash dynamically to make it CSP-compliant with Vite....
how to create an otp input field
Hi guys, I have no idea about how to create an otp input field like the image. Can anyone give me a hint? Thank you
Cards in a grid view
Do i need to specify the height of a card when I'm using the grid layout or should I let browser decide it , I'm using MUI grid layout
Unnecessary space
I'm trying to make a navbar but stuck with this issue and I can't find any solutions about this.
It just added unnecessary space for all elements inside the
<nav>
that i couldn't figured it out where it was from
I'm using Tailwind...div question
can someone explain me how to do like that?
i just dont understand how i move this div text with white background to the right side.
can somebody explain me?
You dont need to write me solution, just explain the princple....
Grid that is max 4 cola but can expand
I have a use case of a grid that I want it to be 4 cola however there are some items in the grid that are larger so I want them to take 2 3 cola but only based on their width so basically I want the grid to adjust itself
Dealing with content on a moving colored background
Hello front-end friends!
Does anyone happen to have any suggestions on how to deal with content that is on top a moving colored background? - without relying on breakpoints alone.
I have this wave background, that scales with the page, meaning the high-and-low point of the wave move based on screen size. On top of the wave I have a title, and here's the problem/question: Is there a way to ensure that the text never goes invisible (white on white) when I don't know when it happens?
...
...
Closures works only because of lexical scope and scope chain?
iām studying this fundamentals concepts of Javascript and iām a bit confused. I thought closures was a features on its own, but what is actually happening is that a inner function keeps access of the scope of its parent function because of lexical scope and scope chain
Example:
```javascript...
Html emails
I'm building a HTML email template, with HTML and inline-CSS, is looking good when I do the inspect but when i try to test it in Litmus, does not going through does anyone know about it?
Css
Please how do you achieve the same thing using grid
https://codepen.io/George-Daniel-01/pen/dPbOJjK...
using php to make a asnc fetch then pass the results if good to js so I can hide the api_key
Exactly that. I am tying to use the youtube/google api so I can add videos to my site properly. However, I need a key to access all my videos, if I did not need that key I would just use js and not care. Like I said though, since I am forced to use that key, then I am trying to do the call in php and get a json file with all the videos and then use that to alter it in js file š is this possible