Skip to content
OverviewSolutions
23
Comments
17
P

Hexerse

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

  • room-homepage-4th

    P
    Hexerse•460
    Submitted 11 months ago

    When it comes to my mobile display, it gets stuck and won't scale any smaller, I don't understand why this happens

    0 comments

  • room-homepage-master

    P
    Hexerse•460
    Submitted 11 months ago

    I realised my planning with Grid isn't so good, so if there are any tips with grid I can use please inform me.

    My slider is made with only js and css but it does not allow for animations. Maybe I can have tips on how to do that ?

    For people who are reading the code Header = first row

    Header__section2 = "Discover innovate ways to decorate page'

    header__section3 = image + "About our furniture"

    picture__section4 = image

    1 comment

  • looptstudios-landing-page

    P
    Hexerse•460
    Submitted 11 months ago

    Don't look at the footer. I wonder if I could make any part better ? I had problems with the images in the 3rd section with the 2 rows and 4 columns of images. I wondered if I shouldn't have put divs around them / what other options could I have done ?

    1 comment

  • nft-preview-card

    P
    Hexerse•460
    Submitted 11 months ago

    If anyone has a good solution to knowing how to fit weird image proportions please show me.

    2 comments

  • frontend-quiz

    P
    Hexerse•460
    Submitted 12 months ago

    Please help me check the js code. Also my other pages are not rendering on live site, this is my first time doing multi pages, please advice me how to render the rest.

    I need help on how I could do things a little bit more efficiently. If you think your code is better than mine, just send your repo so I can take a look at it and learn !

    1 comment

  • password-generator-app

    P
    Hexerse•460
    Submitted 12 months ago

    If my code is not efficient/If I forgot to do some parts up. Put it down ! I wish to learn.

    1 comment
View more solutions

Latest comments

  • P
    Hexerse•460
    @Hexerse

    It looks good I have nothing to add

  • P
    Hexerse•460
    @Hexerse

    For the footer part of your code, you can use flex wrap.

    Also for less media queries you can check this out: https://utopia.fyi/ (This eliminates the need for media queries) https://www.youtube.com/watch?v=x4u1yp3Msao&t=176s (Teaches you how to let browser do more heavy lifting.

    To tackle the shrinking problem. You can use clamp / set a min-width or min-height. So that your pictures / div / text will not grow too small. But too be honest only the programmer will shrink the screen size to those unnatural sizes.

  • Sergiy•1,270
    @MrSeager
    What challenges did you encounter, and how did you overcome them?

    Didn't know for sure how to create that image hover effect, but it wasn't hard to find out

    React. Bootstrap, TypeScript

    1
    P
    Hexerse•460
    @Hexerse

    I cannot judge this as I don't use react.But it looks great !

  • Prem Kumar•370
    @prem-kumart
    What are you most proud of, and what would you do differently next time?
    • Create the quiz logic using multiple event listeners and async functions.
    • have better planning organize the code
    What challenges did you encounter, and how did you overcome them?
    • Using Event Listeners to account different states.
    What specific areas of your project would you like help with?
    • Best practices in writing Code.

    Reponsive-Quiz

    1
    P
    Hexerse•460
    @Hexerse

    No feedback. Instead I am learning a lot from your code.

  • ikitamalarose•420
    @ikitamalarose
    What are you most proud of, and what would you do differently next time?

    I am proud to have been able to customise the slider as well the copy clipboard option. This project seemed easy at first glance but after starting i learned a lot. It was great :)

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

    I had trouble realising the slider but after several searches i was able to do it. I use tactile events touchstart and mousedown etc....

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

    I would like to know how yo change the colour of a SVG because when i target it with CSS it doesn't work. That way i could add the options hover

    index.html

    SVG

     .header-icon:hover {
       color: var(--almost-white);  
 }

    Password Generator

    2
    P
    Hexerse•460
    @Hexerse

    Looks great ! Though for the media queries. I think that you don't need to do so much because the app itself is not that big. Also you should use percentages instead of static values. For example width:100% will follow its container as it grows smaller !

    You could also make some of the js code like the uppercase and lowercase letters into a dictionary or objects. For easier extraction later on !

    I think the code is abit hard to read because its many small pieces of information everywhere. So I am abit confused when giving feedback. Hope this helps

  • P
    Hexerse•460
    @Hexerse

    Here's some stuff

    How to hide number arrows: /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

    /* Firefox */ input[type=number] { -moz-appearance: textfield; } From W3

    You could also make the code dryer, for example you can move the formulas into their own function. E.g

    Const tipAmount = {
billperPerson = bill / people;
  tipperPerson = (bill * tip) / people;}

    Makes it much easier to debug !

    Also theres a blue border around the areas when you focus them sometimes ! If you would like to remove them you can use *:focus{ outline:none}

    • targets everything, *:focus targets everything that needs to focus
View more comments