Skip to content
OverviewSolutions
18
Comments
9

Pokerlo442

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

Latest comments

  • P
    Pokerlo442•230
    @Pokerlo442Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Grid systems are easier for me again. Next time I would build the grid system with the mobile first workflow.

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

    It was very challenging to design some testimonials differently without assigning them their own classes. To solve this I used pseudo selectors with functional selection.

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

    None in particular, but I welcome any suggestions for improvement.

    Testimonials using grid and css

    2
    P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    Thanks for the kind words! I used pseudo selectors for the task for practice purposes. For real projects, I would definitely prefer to use classes or id's. These are easier to read for subsequent programmers. You are absolutely right about the breakpoint, it would be better to include an intermediate stop for tablet users. I just wanted to follow the instructions in the project and only Desktop and Mobile view were integrated there.

    0
  • P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    Well done, check your live solution url. The preview site is not available.

    0
  • P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    Goob job. I would recommend that you reset spacing and margin at the beginning of the challenge. This will help you learn to select the right values. You can do this with the “*” selector. Otherwise, I recommend using color picker tools if you don't know which color is the right one. If you use Windows, Color Picker from Powertoys is relatively good.

    0
  • P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    I would recommend instead of giving each card its own class and repeating many of the properties, create a common class and add the remaining values with a pseudo selector or use 2 classes. Otherwise you should revise your grid system again, on different screen sizes some cards are bigger than others.

    0
  • P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    Great work! I would recommend improving the spacing and line height. The price is not aligned and text line-height is too small.

    Marked as helpful
    0
  • Sunehra45•10
    @Sunehra45Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I built the website first time for mobile interface. Next time i will try to write more clean code.

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

    I was having trouble with media query and by hit & trial i learned that i need to access selectors more specifically.

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

    No. I figured out almost everything.

    Responsive Recipie website

    1
    P
    Pokerlo442•230
    @Pokerlo442Posted 2 months ago

    Great job! For the ingredients list it would make more sense to use a <ul> so you don't have to change the list point. For the instruction list it would make more sense to use an <ol> so you would save code and the screen reader would understand that it is about numbering.

    0
View more comments