text in tags & media query vs flex-wrap/minmax

Hey, i have a few questions:

1) When is it appropriate if at all to place text in non text tags? e.g.

<div>hello</div>

<div>hello</div>

, i've seen this around before.

2) When is it appropriate to pick a media query over using

flex-wrap

flex-wrap

minmax

minmax

to wrap content? I know this is a "it depends", but is there any sort of rule of thumb or is it preference?

Thanks in advance.

text in tags & media query vs flex-wrap/minmax - Kevin Powell - Community