Skip to content
OverviewSolutions
2
Comments
4

Mohammed Aljabali

@MoAjabaliYemen 🇾🇪90 points

Full-stack developer 👨‍💻.

I’m currently learning...

I am developing my skills in backend and security.

Latest solutions

Latest comments

  • luis Colina•270
    @Silkiercomet
    What are you most proud of, and what would you do differently next time?

    I applied new grid concepts to make the layout responsive. Instead of using grid areas like I normally do, I decided to use grid template columns and assign the amount of space each element should take.

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

    It was a challenge to manage the layout state of the inputs and the error messages when an error occurred, I thought of using siblings selector but for certain cases it was cumbersome, so I just added a special class to every input and changed the style of both the input and the error message to appear in case of an error

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

    I think I did a good enough job in the JS part of my project but I would like to hear if I could have done it any better

    Contact Form | CSS, HTML

    #bem
    2
    Mohammed Aljabali•90
    @MoAjabali

    I really like you website and the touch you put, However, I believe that it will be better if you tye email filed check if it was the input correct or not.

  • Balaji-webdev•80
    @Balaji-webdev
    What are you most proud of, and what would you do differently next time?

    first time i'm doing project with javascript but i done it very well

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

    while doing js i cant able done it fastly it took me long time

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

    probably with the js

    article preview uisng html css js

    2
    Mohammed Aljabali•90
    @MoAjabali

    It is good website in the laptop, yet is not responsive I think you should use Grid or Flex Box, it will become much better.👍🏼

    Marked as helpful
  • P
    Gillian Oliveira•260
    @lia-oliveira
    What are you most proud of, and what would you do differently next time?

    I believe I have improved in terms of responsiveness. The card does not break even when it reaches a relatively small size, like 320px screen width, which I consider an achievement.

    Perhaps it would have been easier to position the elements by organizing the grid into rows rather than columns.

    What challenges did you encounter, and how did you overcome them?
    1. Centering the card on the screen.
    2. Preventing the image from overflowing the container when the screen becomes too small.
    3. Ensuring the mobile layout takes up the entire screen.
    What specific areas of your project would you like help with?

    I would love to know if there is a 100% free tool to test website accessibility. I've found a few online, but they only had a trial and a paid version.

    I would also appreciate tips on how to combine CSS Grid and Flexbox.

    Any general HTML and CSS tips are also welcome.

    Responsive Blog Preview Card Using Only HTML and CSS

    #accessibility#pure-css
    1
    Mohammed Aljabali•90
    @MoAjabali

    Will you say that you would love to know about tool to test your website. I know lighthouse that provided by chorm (google). If you Don't know before.

    Marked as helpful
  • P
    jambanix•360
    @jambanix
    What are you most proud of, and what would you do differently next time?

    I am happy to complete the challenge along with the bonus section of making the numbers increment up to their value. I think the overall code is quite clean too.

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

    Initially it was the bonus challenge part, however after going away and coming back to it I realised I was overthinking how to tackle it and the solution in the end was quite simple.

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

    Any feedback is welcome

    Age calculator app, React, Tailwind, react-hook-form, moment.js

    #react#tailwind-css#vite
    1
    Mohammed Aljabali•90
    @MoAjabali

    Try to get the same size in the design as possible.

    You can make the line hight lower. And the size of place holder bigger. In addition focuse in the color. Like tha background is darker than the design, I hope that I helped you by my feedback.