Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    I fixed the code and have it working now.
  2. H

    Buttons are not staying centered.

    It should not start out looking like this: or looking like this: code: Edit fiddle - JSFiddle - Code Playground .buttonContainerB { display: flex; flex-wrap: wrap; /*justify-content: center;*/ align-content: center; max-width: 569px; gap: 10px; } Goes from this: Which is...
  3. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    Fixed: Edit fiddle - JSFiddle - Code Playground
  4. H

    Grid using media queries to collapse buttons from 3 to 2 to 1

    code: Edit fiddle - JSFiddle - Code Playground The buttons are not collapsing from 3 to 2 to 1. I don’t understand why it is not working. How do I get it to work? @media (max-width: 536px) { .buttonContainerC { grid-template-columns: repeat(2, 183px); } } @media (max-width: 172px)...
  5. H

    JavaScript Click on any of the blue video buttons.

    This is giving me an error for reasons unbeknown to me: Why is this giving me an error? Edit fiddle - JSFiddle - Code Playground I do not see any mistakes in here. <footer class="my-footer hide"> modal.querySelector(".my-footer").classList.add("hide")...
  6. H

    How do I fix the code where the curtain doesn't open?

    Not here it doesn't open: Edit fiddle - JSFiddle - Code Playground This does not open.
  7. H

    How do I fix the code where the curtain doesn't open?

    Would I be writing the css differently? css: .hide+.curtain-containerC .curtain-leftC { transform: translateX(-100%); } .hide+.curtain-containerC .curtain-rightC { transform: translateX(100%); } curtain opens: Edit fiddle - JSFiddle - Code Playground <div class="curtain-containerC">...
  8. H

    After .exitD is clicked, which should be hidden?

    code: Edit fiddle - JSFiddle - Code Playground I think it should be changed to: .outer-containerA function resetPage() { hideContainer(".containerPageB"); // or .outer-containerA slideCurtain(".video-containerC"); showContainer(".outer-containerB")...
  9. H

    After .exitD is clicked, which should be hidden?

    .outer-containerA or .containerPageB? My logical guess would be <div class="outer-containerA hide"> Am I wrong? <button class="exitD exit" type="button" title="Exit" aria-label="Close"></button> <div class="outer-containerA hide"> <div class="containerPageA"> <div...
  10. H

    JavaScript How do I break this line into 2 lines?

    Thank you for your help. I think I am all set. src: "https://stream.synthwaveradio.eu/listen/".concat("synthwaveradio.eu/radio.mp3"), src: ["https://stream.synthwaveradio.eu/listen/"].concat(["synthwaveradio.eu/radio.mp3"]).join('') src: ["https://stream.synthwaveradio.eu/listen/"...
  11. H

    JavaScript How do I break this line into 2 lines?

    code: Edit fiddle - JSFiddle - Code Playground Are there other ways this line can be written? src: "https://stream.synthwaveradio.eu/listen/" + "synthwaveradio.eu/radio.mp3" That will work inside here: const radioStations = [{ src...
  12. H

    JavaScript How do I break this line into 2 lines?

    This line is longer than 80 characters: src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", How do I break it into 2 lines? { src: "https://stream.synthwaveradio.eu/listen/synthwaveradio.eu/radio.mp3", title: "Synthwave Radio" }, {
  13. H

    JavaScript Where should const playerManager be placed within the js code?

    I can do this: Edit fiddle - JSFiddle - Code Playground function destroyPlayers() { videoPlayer.players.forEach(function(player) { const playerElement = player.getIframe(); if (playerElement) { const playerClass = playerElement.className; console.log("Destroying...
  14. H

    JavaScript Where should const playerManager be placed within the js code?

    Code Edit fiddle - JSFiddle - Code Playground Where should I place this function within the javascript? const playerManager = (function makePlayerManager() { function removePlayer() { videoPlayer.players.forEach(function(player) { const playerElement = player.getIframe(); if (playerElement) {...
  15. H

    JavaScript Transition doesn’t cease after clicking the close button

    Fixed: I forgot to do: Edit fiddle - JSFiddle - Code Playground .curtainB.hide{ display:none; }
  16. H

    JavaScript Transition doesn’t cease after clicking the close button

    Click on one of the blue buttons 2 times. The same button. Clicking the close button should keep the curtain removed. Edit fiddle - JSFiddle - Code Playground You will notice that, the curtain is still going up when clicked on a 2nd time. What am I doing wrong or forgetting to do? I am...
  17. H

    How does this become a square instead of a circle?

    How do I change this image to be a square? Edit fiddle - JSFiddle - Code Playground .curtain:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: blue; -webkit-mask-image: radial-gradient(circle, transparent 0% 35%, black 35%); mask-image...
  18. H

    How do I have videos fade in on the screen instead of popping up?

    Here is an example code: Edit fiddle - JSFiddle - Code Playground How would you fade that youtube video in using transition? <div class="wrap hide"> <div class="video video-frame"></div> </div>
  19. H

    How do I have videos fade in on the screen instead of popping up?

    Try this one: Edit fiddle - JSFiddle - Code Playground Click the first 2 exit buttons, I am trying to have those videos fade in.
Back
Top Bottom