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

Priyanka

@priyankaladBangalore, India150 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!

I’m currently learning...

HTML, CSS

Latest solutions

  • Rock Paper Scissors using react & redux toolkit


    Priyanka•150
    Submitted about 4 years ago

    0 comments
  • chat app css illustration using flexbox


    Priyanka•150
    Submitted about 4 years ago

    2 comments
  • social-proof-section using flexbox


    Priyanka•150
    Submitted about 4 years ago

    1 comment
  • Responsive profile card using css flexbox


    Priyanka•150
    Submitted about 4 years ago

    1 comment

Latest comments

  • Borubar•115
    @Borub-ar
    Submitted about 4 years ago

    Chat-app-CSS-illustration. First challenge ever (CSS/HTML).

    1
    Priyanka•150
    @priyankalad
    Posted about 4 years ago

    @Borub-ar This is an awsome solution.. Looking at your code, I realized many mistakes I did in my solution. Just a suggestion, you can make use of font awesome icons in this solution

  • kirubakk•245
    @KIRUBASHANKAR26
    Submitted about 4 years ago

    Mobile first and using Flex

    2
    Priyanka•150
    @priyankalad
    Posted about 4 years ago

    Hey,

    I have gone through your code, and it's pretty much cool except few alignments. I would recommend to implement this challenge using flexbox.

    Also, I noticed that feedback card containers are currently left aligned in the mobile view. To make them middle aligned, you can add 'margin: 20px auto' to the class "cards-container".

    Let me know if you need any further help

    Happy Coding :)

  • Luis Gustavo Monteiro•45
    @GustavoMont
    Submitted about 4 years ago

    HTML, CSS

    1
    Priyanka•150
    @priyankalad
    Posted about 4 years ago

    Hi, I had earlier used background-position property with 2 values to align those 2 background images (like below code) and the struggle was real :)

    I refer one of the users code and she had used background-position property with 4 values like below in the body part

    background-position: right 45vw bottom 45vh, left 45vw top 45vh;

    [For more details on background-position] (https://css-tricks.com/almanac/properties/b/background-position/)

  • Amelia Kang•60
    @doHoaSen
    Submitted about 4 years ago

    Solution of Profile card component using Atom

    1
    Priyanka•150
    @priyankalad
    Posted about 4 years ago

    You can apply margin-top:25vh to the class whole-container

    Alternatively, you can use flexbox to align items in your html code.

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