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

dripper91

@dripper91Austin, TX130 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

  • Responsive newsletter sign-up using CSS Flexbox


    dripper91•130
    Submitted about 1 year ago

    I am new to using flexbox, please feel free to leave helpful comments. Specifically I'm trying to figure out how to center the card in the middle of the document body similar to how the official solution is.


    0 comments
  • Responsive solution using CSS Flexbox


    dripper91•130
    Submitted about 1 year ago

    I'm new to using flexbox and making responsive designs, feel free to leave constructive criticisms, thank you.


    0 comments
  • Responsive pricing card component using flexbox


    dripper91•130
    Submitted about 1 year ago

    This is my first responsive/flexbox design, feel free to leave constructive criticisms


    0 comments
  • Non-responsive solution for interactive rating component


    dripper91•130
    Submitted about 1 year ago

    Feel free to leave comments.


    0 comments
  • Non-responsive/Desktop solution for FAQ accordion


    dripper91•130
    Submitted about 1 year ago

    I have not learned responsive design yet so that's why there is no grid or flex display. I would like to know how I can make the background image the same width as the window. If there's any more optimizations or tips you can add let me know.


    1 comment
  • Non-responsive/Desktop solution for blog preview card


    dripper91•130
    Submitted about 1 year ago

    If anyone has any constructive criticisms to add I would greatly appreciate it.


    2 comments
View more solutions

Latest comments

  • Santiago•200
    @santiagodev10
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the logic i use with JS. The think i would do differently next time would be adding the keyboard navigation.

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

    For me, the most difficult thing of the challenge was the logic in JS to change the card when the user submit a rating. But i could overcome it by researching a lot of documentation about manipulating DOM and the default attributes of the HTML elements.

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

    With the keyboard navigation, i tried to use the tabindex attribute, but i put the inputs hidden, and when are hidden they couldn't be selected with the tab. If someone can help me with that i would appreciate.

    Rating component using HTML, CSS and JavaScript

    1
    dripper91•130
    @dripper91
    Posted about 1 year ago

    There seems to be an issue where once a button is selected, it stays selected and you can't change it. What I did was make the buttons actual button elements and then I made my own CSS "active" class that the buttons get added to or removed from appropriately. Here's a video about that if you're interested: https://www.youtube.com/watch?v=lhLh8N9YN7E

    Marked as helpful
  • Morales Ozuna•140
    @MoralesOzuna
    Submitted about 1 year ago

    Landing using HTML and JavaScript

    1
    dripper91•130
    @dripper91
    Posted about 1 year ago

    There's no background, you're supposed to make the card floating over a tan background

  • Dreamcaster1•60
    @Dreamcaster1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of me being able to actually repeat the design

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

    I had a problem with spacing between bullet points and text, i researched about this topic and found my solution

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

    I have quite no idea how to create a responsive design

    A recipe for an omelette Frontendmentor solution

    1
    dripper91•130
    @dripper91
    Posted about 1 year ago

    I would say you put too much inline css, a lot of it was very repetitive and could have been done with one line in the style sheet

    Marked as helpful
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