Skip to content
OverviewSolutions
14
Comments
17

andrean-sihombing

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

  • 1deadjoe•370
    @1deadjoeSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I am getting better at SCSS. It is easier to avoid repitition using mixins, extend, etc.

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

    I got too focused on the styling that I somehow got lost with the JS. Not being able to follow what class to call was wracking.

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

    I would greatly appreciate if someone could help me identiy where to use JS to add the interactivity. I did not know how to place the items in the header in order to get the desired effect.

    LOOPSTUDIOS LANDING PAGE USING HTML AND SCSS

    #sass/scss#accessibility
    3
    andrean-sihombing•350
    @imandreansPosted 6 months ago

    Your solution is already similar to the design, while there are difference like layout and size. You can come back and improve it later.

    The solution is responsive, sadly there's no sidebar that appear when I click the menu button.

    Your code is well-written both SCSS and HTML. I like that you use picture tag to add the images.

    0
  • andrean-sihombing•350
    @imandreansPosted 7 months ago

    Your code is well-written and you may improve it by trying to make your code shorter.

    For your solution, it's close to the original design.There also an improvement that you can do. Also, don't forget to add interactive element for your design.

    Keep Practicing!

    0
  • andrean-sihombing•350
    @imandreansPosted 7 months ago

    Your solution is closed to the design. Your HTML, CSS, and javascript is well-written and readable. I love how you implement those functions in Javascript, and I learn a lot from your code.

    To improve the design, you may set the limit of the bill input to 0 and set your button reset to disabled when the tip amount and total value are zero.

    Thus, your code and solution is fascinating and I learn a lot. Keep designing!

    Marked as helpful
    0
  • Dhia•710
    @Dhia-18Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of my clear and organized JavaScript code. It was really fun working on this project.

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

    Maybe the only challenge I encountered was in making my JS code shorter and more efficient.

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

    I would really appreciate it if someone could take a look at the my code and give me some feedback, as it really helps me improve.

    Time Tracking Dashboard Main

    1
    andrean-sihombing•350
    @imandreansPosted 7 months ago

    Your solution is quite similar to the design. You can experiment more on the size of the cards. For your mobile design is great and you may set the max-width in media query to less than 475px.

    For your code is so cleannn. It's well written and readable. You can experiment on it by implementing semantic HTML.

    Your code and your design is great! keep learning!

    Marked as helpful
    1
  • andrean-sihombing•350
    @imandreansPosted 8 months ago

    You're solution is close to the design, responsive, and there are a lot of experiment you can do on design, especially interactive and animation.

    Your code is well-written and readable. You may improve it by implementing semantic HTML.

    Keep it up!

    Marked as helpful
    0
  • P
    ikethedev•280
    @ikethedevSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I am sharing a finished project for reviewing

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

    I had a challenge with creating the modal and I can use advice on how to change the color of the share svg image!

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

    Css position. I have the hung of things like grid but position, specifically having absolute position scale with responsive design is tricky.

    Article card component

    1
    andrean-sihombing•350
    @imandreansPosted 8 months ago

    Your solution is similar to the design and you may take your time to improve your solution. Your HTML and Javascript is well-written and easy to understand.

    About your questions: To change the color of share.svg, you can use 'fill' in css. Refer fill to svg path instead of svg.

    You've be able to implement Javascript DOM and other advanced css features. Give your time to learn and experiment and you'll be able to make an identical solution to the design. Keep learning!

    0
View more comments