Change:
I can't remember if we have talked about this before. With the current editor layout explaining a concept and giving example code can get awkward. Because the instructions are inside the code it can push the code too far away from the instructions. It would be nice to have the option to disclose more details and example code in the challenge text. Less shallow explanations because of limitations in the layout and allowing the camper to disclose more details as needed. No response Device: [e.g. iPhone 6, Laptop] OS: [e.g. iOS 14, Windows 10, Ubuntu 20.04] Browser: [e.g. Chrome, Safari] Version: [e.g. 22] No response
I think this should just require a CSS fix so the summary does not appear like this: <img width="529" alt="image" src=""Clicking on it still works, but does cover the code (not sure if this is better or worse): <img width="504" alt="image" src=""
Why not make the upper-jaw scrollable? Make it have a fixed height and a shown scrollbar, when needed.
That doesn't hide the content. The idea is to have more information if the camper needs it, without having it take up space before they need it. Or just quickly toggle it visible/hidden as needed.
Could you please provide a more detailed explanation of the issue. Also can you please provide the links to the respeccive pages where the changes are required.In the link I donot see summary in it.
Okay so near as I can tell, we want the code examples collapsible. Which seems to be coming from right around here right? But here might be better too, as it sets up the examples.
Related:

Discussion:
{ <del> "node": true </del> <ins> /* * ENVIRONMENTS * ================= */ // Define globals exposed by Node.js. "node": true, /* * ENFORCING OPTIONS * ================= */ // Force all variable names to use either camelCase style or UPPER_CASE // with underscores. "camelcase": true, // Prohibit use of == and != in favor of === and !==. "eqeqeq": true, // Suppress warnings about == null comparisons. "eqnull": true, // Enforce tab width of 2 spaces. "indent": 2, // Prohibit use of a variable before it is defined. "latedef": true, // Require capitalized names for constructor functions. "newcap": true, // Enforce use of single quotation marks for strings. "quotmark": "single", // Prohibit trailing whitespace. "trailing": true, // Prohibit use of explicitly undeclared variables. "undef": true, // Warn when variables are defined but never used. "unused": true, // Enforce line length to 80 characters "maxlen": 80 </ins> }

<ins> { /* * ENVIRONMENTS * ================= */ // Define globals exposed by modern browsers. "browser": true, // Define globals exposed by jQuery. "jquery": true, /* * ENFORCING OPTIONS * ================= */ // Force all variable names to use either camelCase style or UPPER_CASE // with underscores. "camelcase": true, // Prohibit use of == and != in favor of === and !==. "eqeqeq": true, // Suppress warnings about == null comparisons. "eqnull": true, // Enforce tab width of 2 spaces. "indent": 2, // Prohibit use of a variable before it is defined. "latedef": true, // Require capitalized names for constructor functions. "newcap": true, // Enforce use of single quotation marks for strings. "quotmark": "single", // Prohibit trailing whitespace. "trailing": true, // Prohibit use of explicitly undeclared variables. "undef": true, // Warn when variables are defined but never used. "unused": true, // Enforce line length to 80 characters "maxlen": 80, // Enforce placing 'use strict' at the top function scope "strict": true' } </ins>