How to use em and rem
Hello, small question, I know the difference between rem and em with rem being based on font size of root element while em is based on font-size of current element.
The thing is whenever I use them, I use them interchangeably, like I don't really know where it would be better to use em or rem, just what came to my mind I put it there. The other thing is the value used together with them, I don't have a mental image of how big would my padding/size become.
For example, say I need a padding, I will just write something like : padding: 2rem, I don't really know how big 2rem is and if em would be more appropriate here....
Can we include an anchor tag inside a button or vice-versa in HTML?
Hello, say I need to style a link that will direct me to another web page. My question is can we have a button and inside that button have an anchor tag? Or we need the anchor tag to stand alone and style it?
CSS transition on <dialog> backdrop-filter
Hi! I have managed to add a
backdrop-filter of blur to a <dialog> element, but I cannot seem to figure out how to fade it in. One StackOverflow thread mentioned using opacity() but the below CSS just snaps in the blur (And it seems that Safari doesn't support the :open tag so that isn't great). Any help would be appreciated :)
```css
dialog::backdrop {
transition: backdrop-filter 2s;...CSS 👉🏼 I don't know why *::before and *::after are included in the "box-sizing: border-box" reset
I know that
box-sizing: border-box makes our lifes a lot easier. I've always just used the * selector, but:
```css
*,
*::before,...Do I have the gist of the purpose of CSS?
So I'm starting to understand the way we must think about CSS if we want to have a good relationship with it.
And after watching this amazing video: https://www.youtube.com/watch?v=aHUtMbJw8iA
I wanted to make sure that I got the gist of it ❤️...
typescript error when flattenting a zoderror object
```js
function flattenError(error: ZodError<z.ZodObject>) {
const treefiedError = z.treeifyError(error);
if (treefiedError.properties !== undefined) {...

float: inline-start with line-clamp?
Hey everyone. I was wondering if it's somehow possible to combine float: inline-start with a line-clamp
Here's a codepen illustrating the issue:
https://codepen.io/thevinter/pen/ogXezKB
...
Implementing a Field Group Link(?)
Not sure that's a good name for it, but I want to visually indicate that two groups of fields are linked (i.e., changing one will update the other). What I have is this:
When birthdate is updated, the age updates. If the age is updated, then the DOB is updated, etc...
I need each end of the bracket to line up centered on the field, and I got it to work by hard coding margin top/bottom...

typescript simplify a type guard
```js
const validationResult = UserLoginSchema.safeParse(req.body);
if (
validationResult.error instanceof ZodError ||...
`:has(::after)`
Can you use
:has with a psuedo element inside of it? It's not working for me but I don't see why it wouldn't but I can't really find anything
For context, I'm trying to style a tooltip based on whether the label has a required asterisk:
```css
label:has(::after) button[title]:hover::after {...Can I add margin-top to sticky top
Is it possible to add margin to the top of a div with position: sticky? I want some white space on the top of the page when the row is sticky.
I'm also using Bootstrap5 for styling
```html
<div class="resource-container no-border d-flex sticky-top">...</div>...

JavaScript
JavaScript is very hard for me to understand
Please I want someone that will help me with a good source where I will study it from beginner...
Border and outline on focus on input text field
Hello, small question, I forget that each time, when we click/focus on an input text field, we do get a border or an outline? Or both?
Now say I don't want that border/outline, do we set it to none or transparent?...
What's the difference between spread radius and blur radius in box shadow
Hello, can someone explain what is the difference between spread radius and blur radius in the box shadow property in css please. How are both used together ?
MySQL Self Join Table
Can you help me understand JOIN a bit more
```
SELECT *
FROM Weather AS yesterday
JOIN Weather AS today;...

SQLite what is the correct way?
Hello,
I would like to store data with SQLite after a few steps.
Example : first page I ask name and age, second page birth and gender, third page ....so on.
Till the last page.
But I would like to store data only when someone finished all pages....
Purpose of background-blend-mode in CSS
Hello, can someone explain how background-blend-mode is used and why is it important please. From what I've read, we use it where we have several background images but I didn't really understand how is it used.
Where to find stock images
hello i need images for my sign in and login page where to find them? they will be showed in caraousel
i tried this but those images don't look good
please help...

Image not resizing
I could resize an image in any way I wanted, but as soon as i added alt text, the image resized itself to its default size and i couldn't make it smaller no matter what.

