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

Valchali

@Valchali100 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

  • Interactive page


    Valchali•100
    Submitted 10 months ago

    After making the page reponsive the text paragraph on the first landing altered from what i had before, so i need help with it that....


    0 comments
  • Huddle landing page done with HTML and CSS


    Valchali•100
    Submitted 11 months ago

    I seriouly need help with the responsiveness of this landing page, i've done a lot of tweks to my best of knowledge.


    0 comments
  • Responsive Landing Page Using Html/Css Flex


    Valchali•100
    Submitted about 1 year ago

    I need an honest overall review cos am still learning


    0 comments
  • Semantic HTML5 markup - CSS custom properties - Flexbox


    Valchali•100
    Submitted about 1 year ago

    Overall.


    0 comments
  • HTML, CSS


    Valchali•100
    Submitted over 1 year ago

    i need honest review on the entire UI, and how to posilble the mistakes and also learn from it.


    0 comments
  • HTML


    Valchali•100
    Submitted over 1 year ago

    I need an honest overall review.


    1 comment
View more solutions

Latest comments

  • Stefan Bojkovski•720
    @xStephx
    Submitted 10 months ago

    Solution Fylo dark theme landing page

    #tailwind-css
    10
    Valchali•100
    @Valchali
    Posted 10 months ago

    Good hands, big cheers from here. Hope i can learn a few stuff from you..

  • Harsh Kumar Dwivedi•720
    @Harsh-Kumar-Dwivedi
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to build the highly closest design in comparison to the required design. From next time, I would try to complete the project in a significant lesser amount of time without compromising on the quality of the project.

    What challenges did you encounter, and how did you overcome them?

    Essentially, I encountered following challenges:-

    1.Responsive paragraph.

    2.Designing the plan portion.

    3.Box-Shadow for the payment button.

    4.Designing the background of the card.

    I tackled these problems calmly by researching out various possible solutions, choosing the better solution, applying the solution, modifying it and then finalizing it. I used following approaches for respective problems:-

    1.Padding helped out in the problem of making the paragraph responsive as per the given design across different devices.

    2.Flexbox and `` element were highly useful, in designing the plan portion.

    3.Setting up the box-shadow CSS property with proper values, helped in giving the payment button a bottom box-shadow.

    4.Pseudo element ::before and position: fixed; were significantly helpful in designing the background.

    What specific areas of your project would you like help with?

    Would love to know following:-

    1.What better approach could be used for designing the background?

    2.Any suggestions in general or specifically regarding code optimizations, better approaches and production worthy practices.

    Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Happy Coding ! Thanks 😀

    Responsive Order Summary Component Code (HTML + CSS)

    #accessibility
    4
    Valchali•100
    @Valchali
    Posted over 1 year ago

    You did a great job here, kudos from here!!!.

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