Mix of REM and PX

[tonylomax]

You have a mix of rem and px throughout your project. If possible pick and stick with one (I'd suggest rem) so that you don't have strange and unexpected styling issues and everything is nicely relative to your root font size. If you like you can set that root size to 10px (rather than the default 16px) which makes the maths nice and easy e.g. 24px === 2.4rem.

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units

week-10-12-tfb-mark-gnnk/src/components/adviser/SpeechBubble.module.css

Lines 1 to 15 in 1871333

	.bubble {
	position: relative;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 24px;
	max-width: 300px;
	background: var(--bubble-bg);
	border-radius: 40px;
	padding: 24px;
	text-align: center;
	color: #000;
	/* border: 1px solid rgb(174, 174, 174); */
	margin-left: 5rem;
	z-index: 1;
	}