two problemes 1: in hover the text never show when background transparent so i but it in span but not working 100% 2: in border raduios the big div don't work so i did it on other divs in left and right and i change it mobile please help me there is other solution on it and thnx ;)
Adding border-radius: 10px to .container and overflow: hidden makes that part work.
How do I make those lines at the top of each item ? Also is there any way to make line break after word "points" so that it isnt so long ?
For the lines, or well, borders, try playing around with border-top on the cards themselves ;)
Hey Guys, I just finished the 3-column Preview Card Challenge. I would like you all to see it and let me know how I can improve it. Let me know my mistakes . Thank you!.
I am not exactly sure how it works myself, but as stated on stackoverflow, adding position:relative to victor-img works somehow.
And as it says on w3schools.com,
Note: z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display:flex elements).
Hello all, This is my first ever project outside of a tutorial. I would appreciate any pointers, advice or full blown constructive criticism you might have for a budding newbie web dev. Thank you and until we meet again. Best Regards Milen
I'm no pro myself, but I think the grid and flex box were well used. The only thing I would advise is to try playing out with centering the "wrapper" vertically on the page, instead of going around that by using a fixed margin-top. Other than that, well done!
How can I make the text "Annual Plan" and the price below it closer to the music icon instead of being in the middle?
Personally, I've used grid and some padding around for that. But since you used flex box/row/space-between, you can just add margin-right:auto to your plan-text div and it should work, then add some padding so it's not too close to the icon.
Playing around with attributes in chrome dev tools helps a bunch with this, just try different things, add some padding, remove it, add an auto margin, a flat value margin, a % margin, inherited margin etc. etc. and just see what it does. Best way to learn first hand.
