What I've read

A few notes about CSS, web performance, and news

Rodri's CSS

News 🗞️

New media query range syntax it's here!

Now we have in CSS new media queries syntax with the logical operator of javascript:

@media (width >= 600px) {
	/*...styles*/
}

/* When the browser is between 400px - 1000px  */
@media (400px <= width <= 1000px) {
	/*...styles*/
}

Nerding out 🤓

Understanding the EM unit in css

Em depends on the font-size of the parent, so we can use EM in paddings, gaps o margins relatives to the font-size of the element

.btn {
	font-size: 1.5rem;
	padding: 1em;
	margin: 1em;
}