Adding Centered Title on this section
Hi Guys, newbie question - Under this Shopify section - I can't seem to add title heading using css. I tried few different codes but it seems that the section is not accepting the code. Any insights? Thanks.
Vertically centering a number
I'm trying to center the numbers in these labels, but struggling to figure out how to deal with the little extra space on the bottom of the glyph (if that is the right term?). I'm guessing I'm over complicating this... any tips on how to get the number in the center of the circle?
I've tried putting flex on the label and tinkering around with "vertical-align" on both the label and its parent.
```html...
Part of page without container
I'm doing challenge from fem: https://www.frontendmentor.io/challenges/equalizer-landing-page-7VJ4gp3DE?ref=challenge-roadmap
and thinking about layout of page. One tricky part is that one section on mobile is touching sides of screen. For tablet and desktop whole page have padding.
My approach is to wrap whole in container but I'm not sure how to solve this mobile tricky part.
...
Stacking/z-index issue
Hey, i'm having a little trouble getting my z-index stacking to work correctly. In this design i'm trying to recreate i'm given two separate images, a
background image and a main image. The way I've chosen to approach this has stopped interactivity with my cta as i put a negative z-index on my hero section to match the design as best i could which i have figured out is the source of the issue. I'm just not too sure on the best way to approach the stacking layout for it as this issue has proven my method isn't efficient nor effective 😅.
Here's an image of the design i'm trying to replicate and my codepen if that helps 😄 (i've taken out all of the code not relevant to the problem so some things may look a little out of place or inconsistent in the css as i've only included what is used within my navbar and hero section to avoid confusion for ya'll. This currently only works on mobile view). I'd really appreciate anyone's help whether that be suggesting a new method or tweaking the current one! Many thanks in advance!
https://codepen.io/deerCabin/pen/GRPZLBy...
How create transition for height?
I have ul and li elements and I can have 4-5 li elemans and can have 9-10 li elements
I want change hieght of div to fit ul content
Now height property changes without transition
I tried smth like...
Hover with Border-color showing and Image opacity in 0.3
Hello, please how can I achieve this in CSS:
I am trying to hover on the image with the Border-color showing with no opacity, but the image retains its opacity of 0.3.
Problem: when I hover on the Image, the Image and the Border-color is affected by the 0.3 opacity....
