Divs are not hidden on fullscreen but whit the hideOnFullScreen class you can force anything to hide in the article.
This is used on page /online-puzzle-simulators/

Contents

1About Cubing
- 1.1The best Rubik's Cubes
- 1.2Style your cube
2Pyraminx
3Square-1

This page is just a demonstration of the custom styles this website is using 🙂
~

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

~
<span class="rots">F' R' U' L' D'</span>
F' R' U' L' D'

Scroll to id link:
<a href="#anchor1" class="scrollLink">Scroll to anchor 1</a>
<span id="anchor1">Anchor 1</span>
Click here to scroll to anchor 1

advanced Rubik's Cube notation up right front left down back

U: Up face clockwise

~
<div class="sendThisToSidebar"> This should show on the top of sidebar </div>

sendThisToSidebar

This should show on the top of sidebar
<div class="sendThisToSidebar">
</div>

imageright

Rubik's Cube lubrication An image floated to the right.

alertRightSide

For the Advanced Notations click here.Alert right side

Bigbutton

Rubik's Cube and Twisty Puzzles >>

Anchor 1 - This is just an anchor for the scrolling link

1. Two Cards — .ig-grid-2

Beginner

Learn the basic idea

A clean two-column layout for paired concepts, choices, methods, or related explanations.

Advanced

Take the next step

Both cards stay side by side until mobile, where each card gets its own row.

2. Three Cards — .ig-grid-3

First concept

Good for three related ideas or three stages of a short process.

Second concept

At medium width this becomes a two-column layout.

Third concept

On mobile every card gets a separate line.

3. Four Cards — .ig-grid-4

Understand

Introduce the concept.

Prepare

Show what is needed.

Execute

Explain the action.

Check

Verify the result.

4. Statistic Cards — .ig-stat

43quintillion combinations

20moves in God's Number

6colored faces

54visible stickers

5. Feature Cards — .ig-feature

↻

Algorithms

Use a compact visual mark with a title and short explanation.

3×3

Puzzle concepts

Useful for article navigation, summaries, or featured subtopics.

6. Split Comparison — .ig-compare

Method A

Fewer concepts to learn, easier to remember, and suitable for casual solving.

Method B

More algorithms to learn, but better optimization and faster execution potential.

7. Pros and Cons — .ig-procon

✓ Advantages

Easy to scan
Highlights positive points
Works well in reviews

× Disadvantages

Needs concise content
Long lists become noisy
Best used selectively

8. Four-Step Process — .ig-steps

Inspect

Look at the current state.

Plan

Choose the next operation.

Execute

Perform the move or action.

Verify

Check the result before continuing.

9. Numbered Article Rows — .ig-number-row

Find the target piece

Use this style where every numbered item needs a little more explanation than a normal list item.

Move it into position

The number remains visually strong without taking over the entire layout.

Repeat for the remaining pieces

This is useful in tutorial-heavy pages.

10. Key Takeaway — .ig-takeaway

Key takeaway: You do not need to memorize everything at once. Learn one concept, practise it, then add the next.

11. Info / Tip / Warning Callouts — .ig-callout

Info This is a neutral informational note using the main Ruwix blue.

Tip Use this for shortcuts, recommendations, and useful side notes.

Important Use this for something the reader should notice before continuing.

Warning Reserve the red version for actual mistakes, risks, or destructive actions.

12. Metric Bars — .ig-metrics

Difficulty35%

Speed potential80%

Amount to memorize60%

13. Definition / Glossary Cards — .ig-definition

Algorithm: A predefined sequence of moves used to achieve a specific result.

Permutation: The arrangement of puzzle pieces without necessarily changing their orientation.

Orientation: The direction a piece faces while remaining in a given position.

14. Pull Quote — .ig-quote

A strong pull quote can break up a long article and make one memorable idea stand out.
Example article highlight

15. Topic Pills / Tags — .ig-pill

Beginner 3×3 Cube Notation Algorithms Speedcubing Tutorial

16. Compact Data Rows — .ig-data-row

Recommended levelBeginner to intermediate

Typical useQuick reference information inside long articles

Responsive behaviorLabels stack above the values on mobile

Visual densityCompact

17. Big Fact Strip — .ig-fact-strip

Maximum moves from any 3×3 position

This wide strip works well for one important statistic or memorable fact inside an article.

18. Label Cards — .ig-label-card

Concept

Core idea

A subtle category ribbon makes cards easier to scan.

Example

Practical case

Good for articles mixing theory, examples, and notes.

Result

What you get

The layout stays clean even with several categories.

myFakeGallery

Title

Title 2

prevNextButtons

<< Page 3 Page 1 >>

bigLinkList

Page 1
Page 2
Page 3
Page 4

SPOILER! (hover/tap to reveal content)
I – R’ (Y perm without F moves) R
R – F2 (Y perm without F moves) F2

Year Timeline

1974

The cube is invented

After many different prototypes and versions of the cube being created, in 1974 Erno Rubik finally finished his final prototype 3×3 Rubik’s Cube. The cube was fairly large and made out of wood, with corners that were cut down due to the size of the object. It was here where Rubik realised he couldn’t actually solve what he had created, and spent a month figuring out how to do so.

1975

Patent obtained

Erno Rubik inventor of the cube In 1975 Rubik received a patent for his “Magic Cube” in Hungary.
The cube kept this name for the 5 years following, before being renamed after its inventor.

1977

Test batches released in Hungary

Magic Cube puzzle The cube was released for the first time in Budapest toy shops in late 1977. The version that was released meant the cube could not easily be pulled apart or broken, ideal qualities of children’s toys.

algChain

Cross

F2L

OLL

PLL