Latest comments
- @devarifkhan@leverh
Looks really good!
You can add a little gap on the button flexbox to give the icon and text a bit of breathing space by just adding: gap: 1rem (or whatever measurement you use- you can even use percentages). Here's a good link with the details in case you're interested: https://css-tricks.com/almanac/properties/g/gap/
- @CornflakesPlus@leverh
Hi Cornflakes, I'm no expert but i don't think you should be wary of using flexbox and grid. As far as i understand, floats are an old fashioned method of placing text around images- much like how newspapers and magazines used to work. But times have changed and luckily we have flex and grid to help us create prettier and more functional website/apps designs. Here's an article i found on the matter (it's short... ;)): https://nimblewebdeveloper.com/blog/css-float-deprecated Other than that i thought your solution looked even better than the original ;)
xx
- @neuyann@leverh
Hey Yan, I think the whole thing looks great! As far as the grey goes, i used hsl(218, 22%, 67%) on mine. I use visual studio code which allows you to hover over the color you coded and then change it through the visualization of the color palette. Don't know if you can you it with scss though (that i noticed you're using).
Marked as helpful - @carlosGabrielCarreno@leverh
Hi, I think you did that really well! I don't know enough to offer any proper advice. But you could add some transition to your hover states to make the effect a bit smoother. Again, i am no expert so you should check the syntax and experiment with it but check out the transform and transition properties. Hopefully somebody with more expertise can give you some pointers :)
- @leverh@leverh
Thank you for the feedback :) Will do!