Archived topic

How do I make this responsive

5 replies · Started by casey on June 15, 2021

Viewing posts 1–6 of 6

June 15, 2021 at 2:43 pm #1823444

I'm not sure how to title this topic but I'm trying to recreate the "Nutrition" and "Evidence Based" located above the title of this article (https://www.healthline.com/nutrition/10-foods-high-in-magnesium) now I got the correct words to show up on my article (I've attached a link to it below).

But as you can see on my article there's a big gap between the two and I'm not sure how to make them responsive when it scales down to mobile.

So those are the two things I'd like to figure out but have no clue how.

Thanks for the help!

June 15, 2021 at 2:58 pm #1823456

Hi there,

Instead of using the grid block to create that, I'd recommend using two headline blocks and use inline width:
https://docs.generateblocks.com/article/headline-overview/#spacing

There is also an empty paragraph at the end of the element you've added.

Let me know if this helps :)

June 15, 2021 at 3:55 pm #1823494

Perfect, exactly what I was looking for.

But I'm having trouble making it capitalized, I'm trying to use "Transform" under the "Typography" section but nothing is happening. What should I do? My best solution to this is capitalizing the category itself.

June 15, 2021 at 4:18 pm #1823514

Any chance you can open a new topic so we can mark this one resolved?

If helps us to track the issue if it's indeed one.

Thanks!

June 15, 2021 at 4:35 pm #1823522

Sure!

June 15, 2021 at 5:43 pm #1823551

Thanks :)

This archived topic is closed to new replies.

Start building better websites today.