Skip to content
OverviewSolutions
6
Comments
3
mateusz96
@mhanak96

All comments

  • Daniel Dekany•920
    @dknydSubmitted about 2 years ago

    Hi Guys,

    Nothing really to add here, one of my first projects which I just got to upload, pretty straightforward but any feedback is appreciated. :)

    Trezmor

    Basic HTML/CSS Excercise

    1
    mateusz96•110
    @mhanak96Posted about 2 years ago

    Hi Trezmor!

    I think you should learn about flexbox & grid - which will help you place couple items in one line like in "annual plan" block here and make your websites responsive. Good resources (which are also free) are: WebBos "What the flexbox?" course and Kevin Powell "Conquering responsive layouts", you can also play games like "flexbox froggy" or "grid garden".

    If you want to center your designs i think that the easiest solution is setting your body height, displaying it to grid and centering the items (on x & y axis) inside the grid:

     height: 100vh;
 display: grid;
 place-items: center

    Tip - you can make you button look better by setting border to none (thanks to that this grey border will no longer be present) .

    That's awesome that you are trying to use BEM notation in your css 😉 - it will benefit you in your future css journey when you will be learning sass.

    Good luck and happy coding! 💪

    0
  • mateusz96•110
    @mhanak96Posted about 2 years ago

    Hi Spencer! I think that a good idea is to watch more advanced developers coding some complicated projects (Kevin Powell has great series about creating space travel website & landing page - both from frontendmentor, available on his youtube channel - which is a great resource to level up your css game 😉) and practice by doing more FM challenges.

    When it comes to your project I would encourage you to read about BEM notation (and think about learning SASS in the future).

    Good luck and happy coding! :D

    Marked as helpful
    0
  • Zulamir•180
    @zulamirsofianSubmitted about 2 years ago

    Not a perfect replication.

    Thanks a lot to TingHueiChen's CodePen, otherwise I wouldn't have completed this challenge. I have absolutely no idea using radio as a button for the rating. Previously I was scratching my head on how to apply the overlay background on my button until I found out about hsla and using radio as an option. I've tried referring to Bootstrap's documentation about button's resizing but fail.

    I have zero experience in JS, I appreciate very much if anyone is able to provide a good start for JS web development (JS DOM?). I've tried on FreeCodeCamp before but I don't think I able to use that for web development.

    Anyways, it's getting too as I am posting this, forgive me for my ramblings. 🤗

    Zulamir's Interactive Rating Component

    2
    mateusz96•110
    @mhanak96Posted about 2 years ago

    Hi Zulamir! :D

    If you are looking for some good JS course I can recommend jonas schmedtmann from Udemy (you can get IT cheap for ex. on Udemy Christmas discount) I currently learning JS from it.

    When it comes to JS I also made this challange so you can check how I did in simpler way (I added comments to my code)

    0