Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found

Yokke

@Jexinte
France
450Points

"Celui qui ne progresse pas chaque jour recule chaque jour"

I’m currently learning...

Learning Javascript

Latest Solutions

  • Desktop design screenshot for the Testimonials grid section coding challenge

    GRID

    • HTML
    • CSS
    0
    Submitted

    Hello all ,

    My Second challenge with grid notions If someone have some tips to handle huge space when grid is resizing div with my content inside.

    Let me know them.

    Thanks for reading !

  • Desktop design screenshot for the Advice generator app coding challenge

    Javascript , Promise , Advice Slip API

    • HTML
    • CSS
    • JS
    • API
    0
    Submitted

    Hey all ,

    My first challenge with an API and honestly I wasn't ready to finish it quickly .

    I need a feedback on my request because it's working fine( on brave & chrom browser) but on firefox even the request is fullfiled it's not generating another quote when the dice is clicked it's always gonna take the first citation when we clicked the first time and show it again and again so if someone can help me to understand why !

    Thanks for reading !

  • Desktop design screenshot for the Ping single column coming soon page coding challenge

    Flexbox , POSITION ABSOLUTE AND RELATIVE

    • HTML
    • CSS
    • JS
    0
    Submitted
  • Desktop design screenshot for the Intro component with sign-up form coding challenge

    Mobile First with Flexbox and Media Queries

    • HTML
    • CSS
    • JS
    2
    Submitted

    Hey all ,

    If someone past by thanks to answer to this next question :

    Is it better to design a website by a mobile version then tablet and desktop ? ( I built this one by starting on mobile version and after it was more easier to build the desktop version).

    Thanks for reading !

  • Desktop design screenshot for the Base Apparel coming soon page coding challenge

    Flexbox , POSITION ABSOLUTE AND RELATIVE

    • HTML
    • CSS
    • JS
    0
    Submitted

    Hello all ,

    Could I get some feedback on this one even I wasn't able to deal with the background I'm pretty happy with the result on the desktop version but on tablet and mobile under 600~ pixels the design is completely broken. I haven't found the right way to crop the image like in the design on mobile version even I know that a property like object-fit can helped me and I think I used too many time the property position on many elements that haven't help too.

    I thought I should have focused on the mobile version first

    Thanks for reading !

  • Desktop design screenshot for the Article preview component coding challenge

    Flexbox , CSS CUSTOM , JAVASCRIPT

    • HTML
    • CSS
    • JS
    4
    Submitted

    Hello all ,

    Could I get some feedback especially on two things :

    • When I click the first time on the share button my div don't show up until the next click
    • How my lightgrey paragraph could be more close to the design this one give me some headache !

    Thanks for reading !

Latest Comments

  • Solution screenshot
    • HTML
    • CSS
    • JS

    Interactive rating component

    8
    Yokke450 | Posted 3 days agocommented on Lucian's "Interactive rating component" solution

    Hello , I let you know what the e.prevendefault() method is !

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    FAQ-Accordian Card

    7
    Yokke450 | Posted 3 days agocommented on Vani's "FAQ accordion card" solution

    Hello ,

    Above all organize your files in separate folder it's more meaningful when we need to find something specific ( When I download your code I had to rewrite almost all img files path )

    There is a more simple way to do what is ask on the challenge by using <details> and <summary> tag that have the effect that you need to toggle a question and her answer without js ! ( Javascript is not a requirement to use I learn that by asking on the website slack)

    More informations here : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

    Then on css you can specify what to do when a question is open by targeting the "open" attribute more details to here :

    https://css-tricks.com/put-a-background-on-open-details-elements/

    I'm just saying that but I think that If you are stuck on your code try to not check the code of others now just say where you're stuck and I think you'll get a better understanding and better answer on why it's not working ( This is how some people learned me ) .

    I forgot in your js code you're trying to show all answer with the [i] index but you haven't loop through them so they are gonna be always undefined ! You could know that just by using a console.log(ans[i]) !

    In hope it helps !

    0
  • Solution screenshot
    • HTML
    • CSS

    QR Code Page using HTML and CSS

    1
    Yokke450 | Posted 6 days agocommented on Shay's "QR code component" solution

    Hey @Shayinur,

    Good job ,

    People can't see your work because in your html file you haven't add a dot and slash to your css path files that why your css file doesn't work on live site just before your styles folder.

    When you need to center an element like a div in your case you can used flexbox like you've done on your qr_code div then using the property justify-content : center , use align-items : center with min-height : 100vh to have your element center horizontaly and vertically.

    It's very useful thing that someone learned me on one of my previous challenge.

    You can learn more efficiently flexbox with this game if you liked this kind of learning :

    https://flexboxfroggy.com/

    Or you can check this sir it's seems that he is a kind of master in css so he can help you a lot on Youtube for flexbox , grid and more :

    https://www.youtube.com/kepowob

    In hope it helps !

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Base Apparel Coming Soon page using mobile first workflow & JS

    1
    Yokke450 | Posted 7 days agocommented on Soltys's "Base Apparel coming soon page" solution

    Hey @Soltysnowicki ,

    Good job .

    It seems that on desktop your image is not correctly align when I open the live site I thought it was because my screen is too wide but even lower until 800 the image is going under the email input.

    In hope it helps !

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    SEMANTIC HTML | CSS @MEDIA QUERIES | SIMPLE JS

    2
    Yokke450 | Posted 7 days agocommented on Rudolf Luayon's "FAQ accordion card" solution

    Hey @dumpdope1 ,

    I looked your code and I'm just gonna give you a recommandation that someone else gived me there is a native tags on html that give the toggle state when a question is open and their names are <details> and <summary> more details here : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

    I'm not gonna tell you what to do on the JS part I struggle too ( I've done the challenge twice with better result on the last try) I'm sure someone is gonna help you about that.

    And when you need to make rotate an svg when a question is toggle with <details> use the attribute : [open] to do what you need on css you'll find more details too just by doing research on google .

    I know it's little hard at the beginning but don't hesitate to restart the challenge again the time passed to done it is not important as long you finished what you start (at least this is what I'm thinking)

    In hope it helps !

    0