Convert Snippet to Image

Preview:

<nav class="header-component">
    <div class="branding">
        <div class="header-component-logo">Logo</div>
        <div>Name</div>
    </div>
    <div class="header-component-more">
        <div class="more">Home</div>
        <div class="more">About</div>
        <div class="more">More</div>
    </div>
</nav>

Download PNG Download JPEG Download SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter