A div does not want to take a specified proportions inside the container

Taken down my contact form, put in social links instead, why is email blue..?

Question regarding "positions" in CSS
how to fix the display for different widths
astro-podcast website. How to make more episodes keep showing up as you scroll
"transform: translateZ" not working as intended even when "transform-style: preserve-3d" is set
Regarding CSS shapes

Astro.js map data into components
Carousel.astro component:
```jsx...Layout Explanation
max-width for the container they're in and stating the sizes using fractional units and percentages in grid-template-columns/rows etc to get the sizes you need or is it a matter of defining sizes of the divs using width/height?
In image two of a flexbox layout, where let's say one flex item div is larger than another as we can see here, is that a matter of using the flex property on the divs or setting the first divs height in percentage to take up more of it's container e.g. height: 70%;...
swiper js is slow in touch screen
Why do both buttons call my function?
Question regarding responsiveness
Background Image Opacity Video Question
need help in switching `px` based media query to `em` based media query
em is better unit to use with media-query instead of px I have decided to switch from px to em based mediq query. So, lets say I have this media query in px
```css
@media (max-width: 868px) {
.......
}...Unable to change background color for spotify box
how to make gsap scroll stop for a sec then scroll next? w pin?
Unable to input into a textfield?
input.setAttribute("value", "100");
input.setAttribute("value", "100");
