How do I keep the width of the video the same while changing the height in smaller screens?
I tried the following code and at first it was ok when the text is in the center of the video which is what I want. However as the screen gets smaller the text isn't going to the center no more.
```header {
position: relative;
height: 1000px;
...
how can i display these 2 divs one left side one right side(responsive)
if someone could do it for me thank you so much just to display these 2.it would really help me
Getting the layouts correct with flex for each section.
Having trouble seeing why my sections aren't lining up properly with flex. It seems I can get them to line up close but they dont seem to meet the image below. Am I doing something wrong with my html setup or is it an issue with my flexbox setups? I'm not sure what width to consider for them.
https://codepen.io/MD-2016/pen/oNMZRWp...
Can somebody tell me why image background is deformed in mobile view ? how can i fix it ?
background image is deformed only in mobile view can somebody help me
Removing the built-in padding-margin of SVGs
Hi there, I have to create a component where if you hover over a part of the SVG and click it, a certain popup should appear. The issue with this is if I use inspect element from Chrome, it seems like the SVGs have a built-in padding/margin, so there's an overlap that I don't know how to eliminate. Here's a picture of what I mean:
How do I center an img in an anchor?
I have an icon that I want to put next to a button, but the thing is the icon doesn't want to center verticaly (top-right)
I have the anchor then the image then the text and a closing anchor, so the image is inside of the anchor, along with the text...
Issues with module resolution
As you can see on the first image, I am getting "Unable to resolve path to module [...]" errors from my eslint-er.
The dependencies are installed and the import paths point towards the right path / the files are actually there in the
node_modules directory and the exports match the imports as well.
I tried to figure this out for a while now, maybe it has to do with the file extension of the astro.config.mjs, but I really don't know.
...
Transform translate(X, Y) differs in Mozilla & Chrome
Hi there, I've been using transform: translate(X,Y) testing it in Chrome and then I noticed that in Mozilla Firefox it's placed differently. I found this page https://bugzilla.mozilla.org/show_bug.cgi?id=1279447 where someone said this: (image). Do you find that as a reliable solution or are there better ways of fixing this issue?
