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

Frieden

@Amanmawar17Jaipur, Rajasthan, India260 points

I am a passionate Web Developer, and I am still working on my portfolio website.

I’m currently learning...

Full stack development, APIs, Databases.

Latest solutions

  • Article component with responsiveness made in TailwindCSS

    #react#tailwind-css

    Frieden•260
    Submitted over 1 year ago

    0 comments
  • FAQ Section with tailwind animation and responsiveness

    #react#tailwind-css

    Frieden•260
    Submitted over 1 year ago

    0 comments
  • Landing page build with mobile first approach in tailwind css

    #react#tailwind-css

    Frieden•260
    Submitted over 1 year ago

    0 comments
  • A client side email validation for a newsletter with react, tailwind

    #react#tailwind-css#animation

    Frieden•260
    Submitted over 1 year ago

    0 comments
  • Age Calculator made react and styled with tailwind css

    #react#tailwind-css

    Frieden•260
    Submitted over 1 year ago

    0 comments
  • NFT card made with html and tailwind

    #react#tailwind-css

    Frieden•260
    Submitted over 1 year ago

    1 comment
View more solutions

Latest comments

  • NBD•240
    @bdal90
    Submitted over 1 year ago

    My Second HTML, CSS Project with a Pinch of Responsivity

    2
    Frieden•260
    @Amanmawar17
    Posted over 1 year ago

    Hey, You replicate the design really well but it's a bit small, I'll suggest that you try to use the max-width property for your outer divs. and add some padding. Second, while you using media with a max size of screen 375px in line 191 of your CSS file in the GitHub repository change it to min size as it becomes very operational and easy. Classes in your HTML file look OK what you can do to improve it is that you can avoid multiple span tags from the summary section.

    Marked as helpful
  • Kentavious Reid•30
    @aweezzy
    Submitted almost 2 years ago

    preview card advertisement

    2
    Frieden•260
    @Amanmawar17
    Posted almost 2 years ago

    Hola amigos! try to add max width to class container. and half width to image div and text div. Your submission looks good on mobile device. Thank You .

    Marked as helpful
  • Mahmoud_Amin•540
    @Mahmoudamin11
    Submitted almost 2 years ago

    Responsive product card using CSS Grid and Flex

    2
    Frieden•260
    @Amanmawar17
    Posted almost 2 years ago

    Heyy! buddy, there is more margin between the paragraph and the heading, what you can do that reduce some margin and increase the font size of the heading? In content, every element should take the same gap as of other elements. You can achieve this by giving content class div tag, grid with gap property of 15px i guess and include button in it. About your button remove div tag and img tag from it and add span tag and put your svg in it and then write ""Add to Cart"" and apply margin right to span. Thank You .

    Marked as helpful
  • Abdul Azeez•70
    @Aazeez257
    Submitted almost 2 years ago

    results summary component

    3
    Frieden•260
    @Amanmawar17
    Posted almost 2 years ago

    Hola amigos! two problems first in summary description remove border and second button have some padding. A quick tip that if you adding bottom margin to every description item than what you can do that apply margin in y direction to the middle element it sets perfectly. Thank you!

    Marked as helpful
  • Joel Ivan Hernandez Espinosa•20
    @JoelHernEsp
    Submitted almost 2 years ago

    responsive product preview

    3
    Frieden•260
    @Amanmawar17
    Posted almost 2 years ago

    Hello, buddy! your add to cart it should be a button, not an anchor tag, and you should reduce the font size of the heading when it's on responsive screens. Also what you can do with images that don't put them as background img but in img tag under div tag make them hidden or visible with media query. Good Attempt by the way. Thank You.

  • Leo López•110
    @Ciensprog
    Submitted almost 2 years ago

    Product Preview Card Component With Astro

    #astro#tailwind-css#typescript
    2
    Frieden•260
    @Amanmawar17
    Posted almost 2 years ago

    It's pixel-perfect, nice job man! but the heading color should not be black. Thank you.

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

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