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

prakhar

@Prakhar-99uttarpradesh, ghaziadabad, shantinagar130 points

I am very new in tech field, I choose wev devlopment as a my first course, I learn html, Css, Javascript and now i join frontend mentor community to practise and improve my self.

I’m currently learning...

HTML CSS JAVASCRIPT

Latest solutions

  • using css flex and postions properties


    prakhar•130
    Submitted almost 3 years ago

    1 comment
  • by using css flex


    prakhar•130
    Submitted almost 3 years ago

    0 comments
  • it help me understand many css properties like positions ,overflow etc


    prakhar•130
    Submitted almost 3 years ago

    0 comments
  • use grid and flex properties


    prakhar•130
    Submitted almost 3 years ago

    0 comments
  • i try only use flex property


    prakhar•130
    Submitted almost 3 years ago

    1 comment
  • by using vanila js and css


    prakhar•130
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Magdi Muhammad•20
    @Depramingo
    Submitted almost 3 years ago

    Responsive NFT preview card component

    1
    prakhar•130
    @Prakhar-99
    Posted almost 3 years ago

    Use ::after or ::before psedo selector for overlay rather than creating div for it

  • satya surndra•180
    @satya-hash
    Submitted almost 3 years ago

    Responsive for two devices using the tailwind component for header.

    #tailwind-css
    2
    prakhar•130
    @Prakhar-99
    Posted almost 3 years ago

    hello @satya-hash here some advise that I think make your sollution quite good 1 add background-repeat = no-repeat and background-position = center, background size = cover in all your background container. 2.when you apply media query change the flex direction of container that contain egg background image . 3 add margin from left, right in content (h1, paragraph and button) of class " left & right". and give some specific width to para of this classes. 4 give specific width to para of classes orange and cherry like 80%-85%.

    5.give a margin top and bottom in your testimonial section and give a width of 300 or 320px to your testimonia card and on flex wrap in testimonial card container thanks for read hope this can help you make your solution good

    Marked as helpful
  • Berhanu Lamesa•30
    @bkaggle
    Submitted almost 3 years ago

    product-preview-card-component

    #sass/scss
    1
    prakhar•130
    @Prakhar-99
    Posted almost 3 years ago

    make main's display flex and set it width 100% and height 100vh and align and justify it content to center it help alot when you make it responsive try it

    try bockground-size (cover) in image-content and background-position center it make your image go full in background i am not very good in english so please avoide some grammer mistake

  • Josh•100
    @j-likes-spicy
    Submitted almost 3 years ago

    order-summary-component-main

    1
    prakhar•130
    @Prakhar-99
    Posted almost 3 years ago

    try adding padding bottom to the container of your card it work for me many times

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