Skip to content
OverviewSolutions
4
Comments
4
Abdullah Bin Soulat
@AbdullahSoulat

All comments

  • Aaron Smith•280
    @medic-codeSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Managing to get the JS working, was a nice little feature for this.

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

    Mostly around the background image icon i could not really find a solution to adding padding , i've encountered this before and not really found a solution that works.

    The buttons and constraining the widths were a bit more tricky too. Additionally i wasn't able to find a way to have the last input field the same width as the other parts of the component.

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

    Help with the icon in the input fields as well as width for the second input element. JS syntax CSS responsiveness.

    Responsives Tips calculator

    1
    Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 4 months ago

    Great work!

    0
  • Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 4 months ago

    Really great and professional solution! The only thing I can say that I can't see svgs on the cards.

    0
  • Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 4 months ago

    Firstly, the background color is a little bit off. Secondly, your error message displays in a werid position. Maybe try to use flex layout with label and the error message and use space-between. The background color on the button was a gradient and not a solid color. The shadow of the button was also supposed to be colorful.

    Otherwise you did a really good job on the JavaScript. Short and concise! Great job.

    Marked as helpful
    0
  • ijohnst•230
    @ijohnstSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud I got through this. I struggled way more with the CSS than I thought I would. Next time I would find an easier way to get this done

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

    Positioning the share menu on desktop. It did not want to play nice until i eventually got there with some absolute positioning. I had no real issues with the JS, but the CSS really got me.

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

    An easier and cleaner way to handle the share menu on both desktop and mobile

    Article Preview Component - Vanilla HTML CSS JS

    1
    Abdullah Bin Soulat•110
    @AbdullahSoulatPosted 5 months ago

    Great solution bud. There is only thing that issue that I found. When the card is in horizontal mode, the share section is not visible for some screen sizes. It goes off screen, since you are using position absolute. Maybe change the media queries to fix this issue. Otherwise good work!

    Marked as helpful
    0