How to make the element stick at the edge of the screen?
How do I make an element like an image stick to the side of the screen (have another layout where the image needs to stick to the top right of the screen) but not using position absolute because that is messing up with the other viewports
Grid card with image, text under and transform scale
Hello, I am trying to create a div that will have an image, and under it there is a div with data about that image, the problem is that my
grid-template-rows needs to have a max-content/min-content so that 1st row wont get bigger than image,
my second row should show text only after my animation is finished (and I would like it to have an actual size of the content (with text it just getting higher as text tries to fit div)
...
How Can I Setting Up HTTPS for using a Web API
I'm currently working on a project that involves setting up HTTPS for a web API, and I've run into a few challenges along the way.
My project centers around webcam functionality. To ensure that the web API is accessible via HTTPS, I attempted to use tools like
browser-sync and http-server to facilitate HTTPS serving during local development. Regrettably, these tools did not function as anticipated.
For instance, in the case of browser-sync, I adhered to the provided documentation and followed these steps:...
Can this be solved using only CSS?
I have a component that need to adapt its layout depending on the content it receives.
In this example the layout changes depending on the amount of images:
1 image (in blue)
2 images (in yellow)
3 images (in green)...
What tags should be used for a large clickable div having a button.
It is preferred to make every clickable thing a button or link so that it is focusable using keyboard.
But in this case, these two big boxes are clickable and each of them has an extra button as well.
What tags should I use here?
Would there be a button inside a button?...
How do you prevent a iframe from scrolling it's parent document ?
So I have a React Application that uses
Element.scrollIntoView to scroll to the bottom most "message bubble" in my UI (the application is a sort of chat app UI similar to Messenger, WhatsApp etc).
I utilise a ref similar to the first image to do this.
We render this "UI" in an iFrame on a separate widget via a HTML <dialog> element which is also owned by us....
Can someone explain to me why do we need to do display flex on two elements for proper positioning?
https://codepen.io/Plebku/pen/vYvLaMg
so
```css
//why this below just doesnt position it properly?
...
Solve if-else problem
Take the values given below of length and breadth of a rectangle and check if it is
square or not.
var length=200;
var breadth=200;...
