Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
3

ShyamCanCode

@ItachidorriNepal90 points

A beginner seeking to hone web development skills

I’m currently learning...

HTML & CSS - Front-end web development

Latest solutions

  • 3-column-preview-card-component/ Flexbox/ CSS custom properties


    ShyamCanCode•90
    Submitted about 2 years ago

    2 comments
  • Results summary component/ Flexbox


    ShyamCanCode•90
    Submitted about 2 years ago

    4 comments
  • Stats preview card component


    ShyamCanCode•90
    Submitted almost 3 years ago

    1 comment
  • Product preview card component


    ShyamCanCode•90
    Submitted almost 3 years ago

    2 comments
  • Order summary component / Flexbox


    ShyamCanCode•90
    Submitted almost 3 years ago

    0 comments
  • nft preview card component using html5 markup and CSS


    ShyamCanCode•90
    Submitted about 3 years ago

    3 comments
View more solutions

Latest comments

  • ShyamCanCode•90
    @Itachidorri
    Submitted about 2 years ago

    3-column-preview-card-component/ Flexbox/ CSS custom properties

    2
    ShyamCanCode•90
    @Itachidorri
    Posted about 2 years ago

    I forgot to tell, I was unable to color the text inside buttons due to specifity issues, I think so. Can anyone check how can it be solved?

  • ShyamCanCode•90
    @Itachidorri
    Submitted about 2 years ago

    Results summary component/ Flexbox

    4
    ShyamCanCode•90
    @Itachidorri
    Posted about 2 years ago
    1. Another Question I'd like to ask is the font-style 'HankenGrotesk' isn't working. Can someone tell why?
    2. Also the design looks way ugly when it is shown in the design comparison window of 'frontendmentor', however when you check the design in 'preview site', it looks decent. Can someone explain why?
  • Ly Dinh Minh Man•260
    @winprn
    Submitted almost 3 years ago

    Product preview card component

    1
    ShyamCanCode•90
    @Itachidorri
    Posted almost 3 years ago

    Nice work, you cloned the project very well. Let me suggest you some tips to optimize your code as well.

    • Learn custom properties, making a habit to use them would allow you to keep controls to parts of your webpage at a single spot in your code, mostly at the start. This removes the hassle of making changes to a webpage by going through the whole code and searching for the element to change.
    • Overall, I recommend you learn from some modern CSS tutorials, there are many resources on the resources page here but off the top of my head I recommend Kevin powell, stephanie eckles modern CSS.
    Marked as helpful
Frontend Mentor logo

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

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