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

Cristhian Palacios

@CristhianProgrammingColombia, Bogota60 points

Student of Programming , With Knowledge's in Spring , java , Bootstrap , Html , CSS and learning more every day :)

Latest solutions

  • NEWS HOMEPAGE MAIN


    Cristhian Palacios•60
    Submitted about 2 months ago

    1 comment
  • Contact Form Main


    Cristhian Palacios•60
    Submitted about 2 months ago

    1 comment
  • FAQ ACCORDION


    Cristhian Palacios•60
    Submitted about 2 months ago

    1 comment
  • FeedBack Interactive Menu


    Cristhian Palacios•60
    Submitted about 2 months ago

    1 comment

Latest comments

  • P
    Joel Eguiza•350
    @joeleg96
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of implementing a solution that fits the design goal, specifically the sidebar menu. I don't think I would change anything, because I was able to problem solve and learn through this project.

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

    The main challenge that I came across was figuring out how to implement the sidebar menu so that it would overlay on top of the body. I was able to overcome this by creating a new div element within the nav section, and giving it position: sticky with a z-index: 99; so that it would be on top of the body. I also gave it a min-height: 100vh so that it would take up the entire height of the screen.

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

    I feel confident about my solution, but I am always open to any feedback and improvements that I could make to my solution. Thank you!

    news-homepage-main

    1
    Cristhian Palacios•60
    @CristhianProgramming
    Posted about 2 months ago

    It's great! I just think you could consider responsiveness. For example, instead of using @media screen and (min-width: 1440px), maybe try @media only screen and (max-width: 375px) to better target smaller screens.

  • P
    MathiasHun1•700
    @MathiasHun1
    Submitted about 2 months ago
    What specific areas of your project would you like help with?

    Im using native elements, labels, the form can be tabbed through, it has :focus states, etc. Is that enough for a pro implementation, or should I use aria-attributes too? (I've never used them)

    Responsive contact-form

    1
    Cristhian Palacios•60
    @CristhianProgramming
    Posted about 2 months ago

    good job

  • P
    banban•490
    @banban1023
    Submitted about 2 months ago

    FAQs

    1
    Cristhian Palacios•60
    @CristhianProgramming
    Posted about 2 months ago

    Looks great! Just two small details: the corners and the text color. Overall, it's done.

  • kaaato•340
    @kaaato
    Submitted about 2 months ago

    Interactive rating component

    1
    Cristhian Palacios•60
    @CristhianProgramming
    Posted about 2 months ago

    RESUME

    Great solution with a very similar style!
    The only thing I’d point out is that currently, you can still select the text in the form.
    I think it would add value if the form and its components were not text-selectable.

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