Zarak
@zarakAll solutions
Meet landing page using SASS
#sass/scssSubmitted 9 months agoI'd like help with the overall organisation of the CSS. Also, I'm wondering if the use of the translate transform is okay for the images in the header, or of there is an alternative approach that may work better.
Vanilla CSS grid
Submitted 9 months agoI'd like some feedback on how I could improve my CSS grid setup. Also, is it okay to use
nth-child
selectors as I did, or is it better to use specific CSS classes? My hunch is the latter, but I'm curious to hear what others think.Desktop version with CSS grid
Submitted 9 months agoI tried using REM for this project instead of pixels. I used a margin top for the spacing between the header and the top of the viewport. I also used a margin top for the cards wrapper. I'm not sure if there is a better way.
One improvement I should make is to use variables for the colors and spacing.
I need more practice with the BEM naming convention.
Social Media links responsive layout with flexbox
#animationSubmitted 10 months agoI'd primarily like feedback on the challenges I encountered above.
Blog Preview Card with CSS transition on hover
#animationSubmitted 10 months agoCould I simplify the structure of my HTML? I have a lot of wrappers - maybe some of them are unnecessary? Am I overusing flexbox? It's easy enough to use that I use it everywhere - but perhaps there are cons to overdoing it?
QR Project
Submitted 10 months agoI'm not sure if my HTML is convoluted - perhaps it could be simpler and I could use fewer elements? Am I using too many wrappers?
Can I organise my CSS better? Do people still use pre-processors like SASS much today? Is nesting in CSS equivalent to nesting in SASS? Is it okay to use BEM or do people not use it much anymore? Should I have used relative units instead of pixels? Should I use variables for common spacing sizes? I did notice some spacing measurements in the Figma file but I wasn't sure where to use them.