Few questions.
1)I want to swap between my h1 (“Daniel’s Get Big Plan”) and my Logo (the flexing bodybuilder)
Is it possible swapping between them, without position: relative; and tweaking between high numbers? right: 500px; etc. for example that’s what I’ve done on .nav-link.
2)I tried with display: flex; on the header, but it moves everything, because header includes the navigation bar as well. I have tried using display: flex; solely on what I need but I guess the header overrides it right? how does the override works exactly, that’s my question if I was even correct and what I wrote.
I assume by “swap between” you mean you want to logo to be to the left of the h1. If that’s the case, you can put the image before the h1 in your html. Then style it so the image and the h1 is on the same line.
First, set up the html the way you want it to display. If you want the image to go first, put it first in the html. Then you’ll need to use CSS. Flex would be a good thing to try here, I think.
That’s a good suggestion that @cherylm answered as well.
If you take a look I have a flexbox set up on my header.
(not sure what you mean about the links, but I haven’t done any media query yet)
@cherylm@squarednode
If you take a look I have a flexbox used on my header {}
but my header covers up more stuff than I need (h1 + img)
when I tried using display: flex individually on those, it seems unaffected.
Is it because the header {} overrides them?
so that’s the way to do it, just to order; them?
Are there more ways to do it besides what was suggested here?
HTML Structure
Position: relative;
and flexbox.
The reason it is bad is that it is not compatible with devices such as mobile and tablet. In order to be sensitive to different screen sizes, we position them in a way to adapt to different screen sizes, not in an absolute place, also how did the navbar disappear, I see?
check it’s