Community forum for knowledge and support

Updated 4 months ago

Achieving responsive design like dialedweb.com

At a glance
The community members are discussing the best approach to achieving a responsive design similar to https://www.dialedweb.com/, where the content scales down with the viewport width. One community member suggests looking into the Lumos framework by Timothy Ricks, which has videos about making font sizes relative to the screen width for smooth scaling. However, another community member is unsure if Lumos would work well with the Relume components, as Relume already uses a Client-First approach, which may require significant work to transfer to Lumos. The community members believe that Ricks' scaling solution could still work with Relume, even if integrating Lumos may be challenging.
Useful resources

What would be the best approach to achieving a responsive design like https://www.dialedweb.com/, where everything just scales down with the viewport width? Is there a simple way to switch the responsiveness settings of Client First/Relume to this type of responsiveness?

E
F
3 comments

Timothy Ricks on youtube! He has videos about making your font sizes relative to the width of the screen so they scale smoothly

I am aware of his Lumos framework. Do you think it could work with relume components?

I’m unsure, I never looked into Lumos much. Since Relume already uses Client-First, I believe it would take a lot of work to transfer to Lumos.

I think his scaling type solution would work with Relume though!

Add a reply
Sign up and join the conversation on Slack