Skip to content
OverviewSolutions
5
Comments
4

hamed samavati

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

  • Edson Rodrigues•50
    @rodriguesedsonSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Using tailwind.

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

    Applying default values at tailwind.config.js file.

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

    A more organized way to use tailwind.

    Product preview card using HTML and Sass

    #tailwind-css
    2
    hamed samavati•70
    @HamedSamavatiPosted 4 months ago

    all in all its a good job.

    0
  • P
    SydsBike•210
    @SydsBikeSubmitted 4 months ago
    What specific areas of your project would you like help with?

    Any and all feedback is welome!

    Recipe Page Main

    1
    hamed samavati•70
    @HamedSamavatiPosted 4 months ago

    excellent clone!

    Marked as helpful
    1
  • hamed samavati•70
    @HamedSamavatiPosted 4 months ago

    totally it is similar to the given design, good job! however, there are some concerns to level up your coding skill:

    • using <br> is not pro.
    • you can use a code organizer like prettier to organize your code easily and keep them neat and tidy. -you should use semantic html tags for the projects like main, header, footer, aside, figure, ... -you have not written your code responsive to different display widths like mobiles or desktops. you can search and learn how to code responsively. -take a look at variables in CSS. super easy to use.
    0
  • hamed samavati•70
    @HamedSamavatiPosted 4 months ago

    #In total is identical, however there are some differences: header is yellow, it must be black though. while hovering must turn to yellow. missing border line. wrong color for info.

    recommendations: -using meaningful names for classes. -dividing elements in landmarks like main , header, footer, aside, .. -attention to details and sizes. -using a separate style file helps to save more time. -doing hover practices on different elements.

    0