I’m working on Building a Personal Portfolio project and the instructions direct me to:
First: Inside this row, create an h2 that states your position as a programmer.
Second: Underneath the h2 , add an h3 that lists the programming languages you know.
However when I do that, my text is all in the same line rather than having the text content in my h3 row beneath the content in my h2 row. I’ve tried adding in an additional
You can use CSS flex properties by applying the display property: flex to the container tag and inside that you can use flex start property for the items to appear the same.
That is exactly what causes the current behavior.
display: flex makes the children appear on one line. flex-start is the default anyway.
When using a Bootstrap .row class, you usually want to display the items in a row as the name suggests. So the best option is to wrap all text elements in another .col class (inside the .row element). If you want the element to take the whole width, if you want to align the text in the center, for example, take the Bootstrap class .col-12 for the nested element.
Thank you! I ended up adding another .row class for each line I wanted below the row containing h2 content. It worked to produce the content to show up on lines underneath but seems like an excessive amount of
I agree. That’s why I suggested to wrap both headlines in another container with .col class.
