All comments

• 

  Victor Paumier• 140

  @lifeaddikt

  Submitted about 2 years ago

  Hello everyone :)

  I havee a question : Should i write my <a> tag outside my <h1> tag or inside ? or whatever ?

  Tahnk you :)

  

  Crypto Card

  1

  00

  

  Bel Sahn• 440

  @BelumS

  Posted about 2 years ago

  If you plan on your <h1> becoming a clickable link, then you write (nest) the <h1> inside of the <a>.

  Marked as helpful

  1
• 

  gustek• 250

  @guusteak

  Submitted about 2 years ago

  Hello there, this is my second junior challenge (but first posted on this site). Every comment is welcome. I suppose that i should've used chat icon instead of regular box, but anyways i'm kinda proud of this solution. It would be great if someone could tell me how to make this pointer thing on the progress bar. Have a good day!

  

  Responsive page using flexbox

  1

  40

  

  Bel Sahn• 440

  @BelumS

  Posted about 2 years ago

  Hi Gustek, here are the links I used to figure out the Custom Range Slider.

  • The only caveat is that once you customize it, it may lose functionality, and you'll have to use JS to move the range.

  Link1 Link2

  Marked as helpful

  1
• 

  Edinson Morales• 100

  @Edinson25

  Submitted about 2 years ago

  I can´t put background in the image with hover

  

  Challenge card

  1

  20

  

  Bel Sahn• 440

  @BelumS

  Posted about 2 years ago

  Hi, the overlay was tricky for me to figure out as well.

  The solution is to add an .overlay element as a sibling to the image, use position: absolute; to place the overlay on top of the image, then toggle the overlay based on the :active/:hover states.

  For ex:

  <div>
    <img />
    <div class="overlay">The overlaying content goes in here</div>
  </div>
  

  Next, here's a nice toggling I use for hiding an element:

  .hide {
    visibility: hidden;
    opacity: 0;
  }
  

  Then use the exact opposite values for showing the element.

  Check out an overlay guide here: Overlay

  I hope this helps, happy coding!

  0