Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
4

manasmaity506

@manasmaity50650 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • product preview card

    #sass/scss

    manasmaity506•50
    Submitted 10 months ago

    I feel like this solution could have been better, it really differs from the design a little. The areas I would like to get help is

    • should I make class for every tags in html?
    • how to use semantic tags properly (I feel like I am misusing them a little ). when to use div ?
    • some flexbox and grid related resources for understanding them better.

    1 comment
  • Recipe page


    manasmaity506•50
    Submitted 10 months ago

    I tried to use some naming conventions in class names, so that the css become more clear and easily modifiable.

    • But I noticed I have written some repetitive css for different lists.
    • should I continue this type of naming or not?
    • is there any better method to do this?

    1 comment
  • My Social Links Profile


    manasmaity506•50
    Submitted 10 months ago

    2 comments
  • Blog Preview Card


    manasmaity506•50
    Submitted 10 months ago

    I want to know how can I make the website mobile friendly?

    • I am only doing the desktop design part as of now.

    I feel my codes are messy and I need guideline how to use semantic elements and when I should just go with div?

    • If you look at my index.html file, You will understand what I am talking about.

    1 comment
  • qr_code_component


    manasmaity506•50
    Submitted 10 months ago

    2 comments

Latest comments

  • Alingggg•150
    @Alingggg
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Implemented media query for the mobile version. Also used sass but only the nesting for the most part.

    Product preview card with mobile version using sass

    #sass/scss
    1
    manasmaity506•50
    @manasmaity506
    Posted 10 months ago

    Great work @Alingggg . The website looks great.

    • You can improve your solution by using sematic html elements.
    • You can use picture element for rendering different images for different screen sizes.
  • RafiMauludi255•50
    @RafiMauludi255
    Submitted 10 months ago

    Using Hover to interactive the buttons

    2
    manasmaity506•50
    @manasmaity506
    Posted 10 months ago

    Your solution can be improved using semantic elements like section, header and main. The code seems good and readable. But The layout of the page breaks in small screen sizes. You should look at it and fix your media query styles.

  • Limnosa•100
    @Limnosa
    Submitted 10 months ago

    Responsive blog preview card using Flexbox

    1
    manasmaity506•50
    @manasmaity506
    Posted 10 months ago

    Great work @Limnosa . A little suggestion , you can use the img tag to get the card image, the code in index.html will look more readable that way.

  • HaDo Dev•310
    @hadodev
    Submitted 10 months ago

    QR code component - HTML & vanilla css

    1
    manasmaity506•50
    @manasmaity506
    Posted 10 months ago

    Great work bro. But you can remove the footer section. That is not needed in this solution. But I guess, you have done it consciously, looks great.

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

Oops! 😬

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

Log in with GitHub