KPC
Kevin Powell - Community•2mo ago
Jono Lewarne

slick slider containment issue

I'm being a complete dunce here and cannot for the life of me get the images inside this slick slider carousel to be contained inside the fixed height parent div. Can anyone point me in the direction of a fix please? https://codepen.io/mrjonoces/pen/eYamwRy
4 Replies
~MARSMAN~
~MARSMAN~•2mo ago
No description
~MARSMAN~
~MARSMAN~•2mo ago
because your actual figures are nested inside two containers after the post-gallery, and so your figures aren't set to its height. also since your slick-list and slick-track don't have heights set to them, the images are being displayed based on their original sizes. I think you should just set the height to your img directly 
* {
  box-sizing: border-box;
  margin: 0;
}
.post-gallery {
  background: pink;
}
.img-wrap {
  margin-right: 20px;
}
.img-wrap img {
  object-fit: contain;
  height: 500px;
  margin-bottom: 20px;
}
* {
  box-sizing: border-box;
  margin: 0;
}
.post-gallery {
  background: pink;
}
.img-wrap {
  margin-right: 20px;
}
.img-wrap img {
  object-fit: contain;
  height: 500px;
  margin-bottom: 20px;
}
I removed the flex-part since you won't need it, also the gap on flex might not work well on some browsers, specially the damned safari. so i just put the margin-bottom on your img
Jono Lewarne
Jono Lewarne•2mo ago
Amazing, thanks for your help!
~MARSMAN~
~MARSMAN~•2mo ago
np :thumbup:
Want results from more Discord servers?
Add your server
More Posts
how can we do it?Is there any way of achieving this line in between as a progress using html cssmousedown event set on parent but keeps getting child elementBasically the title, when having the mousedown event on a parent I only want the target to be the paCSS pattern matchingHey everyone, I'm curious if there's a way to apply pattern matching when selecting elements using CCopied a hover effect but is not the same as the originaloriginal: https://fossheim.io/ button label: collaborate Playground: https://play.tailwindcss.com/Tracking scripts failing on deploymentHi all, Not really something I've messed about with but I keep trying to add tracking scripts to a Help with JS logic to close menu if search is clicked, or vice-versaHello everyone, I am currently working on my own website and have stumbled upon an issue with the fNextjs Multi layout setupIs there a standard way to handle multiple view ui changes in nextjs app dir. I would like to condiPositioning last div at end, when using flex and flex-wrapHi! See screenshot for reference. I'm banging my head against this one. I have a flex container wDark ModeI have a simple question, when the user on his phone or laptop has his dark mode option on ... Is thCreate repo without using terminalHow can i create repo with vscode browser version because i cant use terminal in browser version (im