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

Manish

@manish2120India130 points

Learning 🌱

Latest solutions

  • Huddle Landing Single Introductory Page


    Manish•130
    Submitted 6 months ago

    If anyone is good with CSS please review my css file code i know the structure is not matching as per the design but let me know what should be a better approach or what properties do i have to use it which will be better for responsiveness.

    Please let me know 🙏


    1 comment
  • Responsive Testimonials Page Using Grids


    Manish•130
    Submitted 7 months ago

    This project is created without any figma file.

    If anyone good with grids, please let me know what should I have to focus and improve on grids and if anyone knows any resources to practice grids feel free to suggest me.. Thanks in advanced! :)


    1 comment
  • Responsive four card feature section

    #bem

    Manish•130
    Submitted 9 months ago

    1 comment
  • Responsive Preview Product Card Component

    #bem

    Manish•130
    Submitted 9 months ago

    1 comment
  • Recipe page using bootstrap and custom classes

    #bootstrap

    Manish•130
    Submitted 10 months ago

    This project is created without a figma file.... I know the width and height looks different alot but still i posted it for now to know my approach is good or do i have to make some changes into it

    Regarding HTML

    Do i have to use figure tag here?

    Regarding CSS

    I faced problems while managing classes, as I tried to separately handle Bootstrap classes and custom classes with using custom word into it. I'm not sure if this is the best approach, or if I should be doing something different. Please let me know about this if anyone knows...

    Also, I have one question: In some of my previous Frontend Mentor projects, I tried using only BEM CSS. For this project, I didn't tried to combine BEM with Bootstrap because I felt it might disrupt the flow and structure of the classes. What are your thoughts on this? Please let me know....


    0 comments
  • Social Links Profile Card Using Bootstrap

    #bootstrap

    Manish•130
    Submitted 10 months ago

    I'm not good with bootstrap and this project is done without a figma design file, please let me know my mistakes if anyone good enough with bootstrap 😅


    1 comment
View more solutions

Latest comments

  • P
    gkilasonia•360
    @gkilasonia
    Submitted 7 months ago

    Testimonials grid section responsive page

    1
    Manish•130
    @manish2120
    Posted 7 months ago

    Woah! The size looks perfect. However, there seems to be an issue with the quote icon SVG:

    • It looks like the size applied to the author's profile picture is also being applied to the SVG. It's better to use a separate class for the images and SVG where it differs.
    • The box-shadow is missing.
    • Avoid using px as it sets a fixed size for elements. Instead, use rem or em, whichever works best for you.
  • Ramírez Jordan•170
    @RamirezJordan
    Submitted about 1 year ago

    Four card feature section using HTML & CSS

    #bem
    1
    Manish•130
    @manish2120
    Posted 8 months ago

    Niceee

  • uhllie•50
    @hithisisnick
    Submitted almost 2 years ago

    Responsive Product Preview Card with Flexbox

    #bem
    1
    Manish•130
    @manish2120
    Posted 9 months ago

    Nice one!

  • Laszlo Somossy•90
    @StonyDigi
    Submitted over 1 year ago

    Responsive recipe page main whit bootstrap

    #bootstrap
    1
    Manish•130
    @manish2120
    Posted 10 months ago

    I like the outcome of your project, but I think you should create a separate stylesheet because there is a lot of CSS included. Is that SCSS you’re using? I’ve never seen nested CSS before.

  • Ali Raza•220
    @aliraza732-hub
    Submitted over 1 year ago

    Social Links Profile using CSS FlexBox

    #bootstrap#tailwind-css#react
    1
    Manish•130
    @manish2120
    Posted 10 months ago

    As i noticed : Regarding HTML

    • Semantics are missing.

    Regarding css

    • media queries are applied for mobile devices as per they mentioned in there for 375px ig.

    Overall its good, it quite looks similar :)

  • Gobinath•140
    @gopinath-97
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Done my third one for the day and used all my past learnings which I thought to forget, but with little of practice, all comes to place. Moving forward to build long single page sites.👩‍💻😊

    Social-Links-Preview

    2
    Manish•130
    @manish2120
    Posted 10 months ago
    • i don't know much about semantics, but you can also try using header and footer tag here frontend mentor let you know about the landmarks in there report after completing the project.

    • Overall its good 🙂, but yea media queries are missing and u can also try color finder extensions to get to know the color of cards as we know we dont have access of figma files after 2 projects so yea we can't make it same as per design 😓.

View more 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

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