Example

GiorgiaGuidetti's avatar
GiorgiaGuidetti
Community Member
1 day ago

Building a Responsive Custom Block with the New Labs Feature

For this week's challenge, I experimented with the new Responsive Custom Blocks feature in Labs and used it to create a custom block that automatically adapts to desktop, tablet, and mobile views. The new container-based layout made it easy to reorganize content across breakpoints while keeping the design clean and consistent.

A key objective was preserving icon quality, and the responsive controls allowed the layout to resize without stretching or distorting visual elements. The device previews and flexible container settings made testing and fine-tuning very straightforward.

Overall, I found the feature intuitive and surprisingly powerful. It significantly simplifies the creation of device-friendly custom blocks, and I think it would be a fantastic addition to Rise 360 if it becomes an official feature.

Great work by the Articulate team, and I'm looking forward to seeing how this feature evolves!

1 Reply

  • GiorgiaGuidetti's avatar
    GiorgiaGuidetti
    Community Member

    Screenshots showcasing the same custom block in desktop, tablet, and mobile views. The layout automatically adapts to each screen size while preserving icon quality and visual consistency.

    Desktop viewTablet viewMobile view

Getting Started with the E-Learning Challenges

Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.