Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
6
Zarak
@zarak

All solutions

  • Meet landing page using SASS

    #sass/scss

    Zarak•100
    Submitted 9 months ago

    I'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.


    1 comment
  • Vanilla CSS grid


    Zarak•100
    Submitted 9 months ago

    I'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.


    1 comment
  • Desktop version with CSS grid


    Zarak•100
    Submitted 9 months ago

    I 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.


    1 comment
  • Product Detail using HTML and CSS


    Zarak•100
    Submitted 10 months ago

    NA


    0 comments
  • Social Media links responsive layout with flexbox

    #animation

    Zarak•100
    Submitted 10 months ago

    I'd primarily like feedback on the challenges I encountered above.


    0 comments
  • Blog Preview Card with CSS transition on hover

    #animation

    Zarak•100
    Submitted 10 months ago

    Could 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?


    0 comments
  • QR Project


    Zarak•100
    Submitted 10 months ago

    I'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.


    0 comments

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub