# Design How-tos

{% content-ref url="design-how-tos/how-to-center-components" %}
[how-to-center-components](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/how-to-center-components)
{% endcontent-ref %}

{% content-ref url="design-how-tos/how-to-style-buttons" %}
[how-to-style-buttons](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/how-to-style-buttons)
{% endcontent-ref %}

{% content-ref url="design-how-tos/how-to-add-a-video-gif-placeholder-to-a-video-component" %}
[how-to-add-a-video-gif-placeholder-to-a-video-component](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/how-to-add-a-video-gif-placeholder-to-a-video-component)
{% endcontent-ref %}

{% content-ref url="design-how-tos/how-to-use-custom-selectors" %}
[how-to-use-custom-selectors](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/how-to-use-custom-selectors)
{% endcontent-ref %}

{% content-ref url="design-how-tos/making-a-full-page-flow" %}
[making-a-full-page-flow](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/making-a-full-page-flow)
{% endcontent-ref %}

{% content-ref url="design-how-tos/setting-up-popup-flows" %}
[setting-up-popup-flows](https://trysavvy.gitbook.io/savvy/how-tos/design-how-tos/setting-up-popup-flows)
{% endcontent-ref %}
