Learn things with me. As creators of any sort, we're all in this together. So I'm sharing my experiences (old and new), in order to serve the community the best I can.Let's gooooo
I recently bought my first 3D printer, which involved a LOT of figuring out everything from scratch.
That means buying, building, and troubleshooting my first prints. From vases/planters to DnD miniatures, there's plenty to see!
By now you may have noticed that web design, simply put, is a series of boxes inside of boxes with text and images inside of them. Try selecting the parent element of this text then changing the text alignment.
Change the layout direction of a flexbox element from horizontal to vertical.
Click to select Column 1 which is the white box that this paragraph you're reading is currently inside of.
Now that Column 1 is selected, press the up arrow on your keyboard, selecting the parent element: Column Wrap 1
With Column Wrap 1 selected, click the icon shown above in the Layout > Flex Layout styles panel.
The above screenshot shows the controls for margin and padding. Simply put, this is the space you add inside and/or outside of an element.
The navigator tab gives you a clear breakdown of elements and their parents, as well as where they are located within the page.
Clicking these breakpoints icons will change the size of the viewport to mimic common device sizes. Styles that are changed when viewing the website at other breakpoints will effect sizes smaller as well.
On the top right of the selector section, there is a states dropdown. Here you can edit element styles at different states. The most common use for this is adding hover effects to elements such as buttons.