Skip to content
OverviewSolutions
27
Comments
7
Jhones
@jownsu

All comments

  • Jhones•870
    @jownsuPosted 4 months ago

    nice

    0
  • tortaruga•450
    @tortarugaSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud I didn't toss the laptop or myself out the window, next time i'd go on a pilgrimage to compostela before doing the challenge to ask for the miracle of understanding grids

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

    The layout just kept doing whatever it wanted without my consent. In the end it didn't turn out too bad, but I wouldn't exactly say I overcame anything, since the content is still not aligned properly in the grid. I just gave up because I wanted to preserve what little sanity I have left. Also I had one hell of a hard time making that menu thing work in the mobile version, but my perseverance and refusal to bow to the whims of a dialog tag lead me to victory. Come through!

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

    honestly i'm a mess at everything so any help is appreciated

    news homepage

    1
    Jhones•870
    @jownsuPosted 4 months ago

    nice

    0
  • Jhones•870
    @jownsuPosted 4 months ago

    nice

    0
  • KrishnaPoddar1•400
    @KrishnaPoddar1Submitted 7 months ago
    What specific areas of your project would you like help with?

    The image and the card have been made relative and absolute but when you zoom in or out the card position keeps changing. Is there a better way to change it so that it looks good.

    Any Advice or suggestions are welcomed

    FAQ Card using HTML,CSS,Javascript

    1
    Jhones•870
    @jownsuPosted 4 months ago

    nice

    0
  • Jhones•870
    @jownsuPosted 4 months ago

    nice

    0
  • Shiloh George•40
    @ShilohGeorge12Submitted about 1 year ago

    I encountered a significant challenge during the project when it came to positioning the rock, paper, and scissors options in my code, resulting in a delay of 45 minutes. What suggestions or improvements can you offer to address this issue and optimize the code for better performance?

    Responsive Mobile and Desktop Layout Using Tailwindcss

    1
    Jhones•870
    @jownsuPosted about 1 year ago

    Hello there 👋. Good job on completing the challenge !

    Your solution looks great, and you've done a fantastic job overall! However, I have other small suggestions to make it even better:

    Instead of hardcoding the text for the winner. You can create an objects with rules on it and another one for the result.

    const RESULT = {
    "tie": "Tie Game",
    "win": "You win",
    "lose": "House win"
};

const RULES = {
    "scissors"  : "paper",
    "paper"     : "rock",
    "rock"      : "scissors"
};

const [winner, setWinner] = useState(null);

    Then you can make a function like this for computing the winner.

    const calculateResult = (computerPicked) => {
    if(userPicked === computerPicked){
        setWinner("tie");
    }
    else if(RULES[userPicked] === computerPicked){
        setWinner("win");
        onWinCallback();
    }
    else{
        setWinner("lose");
        onLoseCallback();
    }
}

    Then you can render the result text like this.

    return (
    <div id="winner_text">RESULT[winner]</div>
)

    I hope you find it useful! 😄

    Happy coding!

    0
  • Armand•80
    @armxawebSubmitted about 1 year ago

    I want a lot of bands or link website for learn more on the display grid proprity, please. Thanks Your view point on my project, please.

    product preview card with CSS flexbox

    1
    Jhones•870
    @jownsuPosted about 1 year ago

    Nice solution. I suggest to use some color picker for more accurate color on the button.

    Marked as helpful
    1