Skip to content
OverviewSolutions
15
Comments
20

M Asim Saeed

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

View more solutions

Latest comments

  • M Asim Saeed•290
    @asimsaeed353

    Hi @hallovi, Are you asking why your whole card component is not vertically centered?

  • Irene Jurna•30
    @Irene-Jurna
    What are you most proud of, and what would you do differently next time?

    I finished my first frontendmentor challenge!

    What I'd do differently next time: keep the media-queries consistent, understand rem/em/px better, learn more about grid.

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

    Accessibility was a new topic, that was challenging to work with. It was also hard at first to be able to make the content dynamically rendered. As I used Angular, I couldn't use the javascript tutorials for that. For the same reason, I got stuck with the menu navigation. But now it works!

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

    Feedback on the major things to improve. I'm a junior frontend developer. What are things in the structure of the project that could use improvement?

    Space tourism multi-page website with Angular

    #angular#accessibility
    1
    M Asim Saeed•290
    @asimsaeed353

    Very Impressive!

  • sediqa•210
    @Hasani-Sediqa
    What are you most proud of, and what would you do differently next time?

    To complete this solution and learn using GitHup, and for next time i would think about the solution before to start it, and I'll search about the CSS layout.

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

    I had a problem when uploading the files in the GitHup, the Live linke did not works then I searched about it and I figured it out that the index.html file should be in the root directory of the branch that I selected for GitHub Pages.

    responsive QR-code-component-solution using HTML and CSS

    3
    M Asim Saeed•290
    @asimsaeed353

    Congratulations on your first design. Keep learning and keep coding cool layouts!

  • Kaveesha•40
    @kaveeshagim
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of how quickly i was able to create the html skeleton and finish the project by adding styles even without the help of the figma file. Definitely an improvement from the past projects

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

    i was struggling a bit with centering the main container and applying a max width

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

    I would like to know how well i did in overall considering the fact that there was no figma file and i had to eye ball most of the measurements.

    Social Links Profile card using HTML and CSS

    1
    M Asim Saeed•290
    @asimsaeed353

    Great design and very clean and simple code. To center the main container, you can use

          body{
           display : grid;
           place-items : center;
           min-height : 100vh;
      }

    And you did an amazing job. Keep up the good work!

  • Outstandinggirl13•70
    @Outstandinggirl13
    What are you most proud of, and what would you do differently next time?

    Learning Progress:

    • Worked with a high-quality Figma design file, which helped me achieve near pixel perfect accuracy.
    • Improved coding skills and understanding of BEM methodology.
    • Used meaningful names for elements.
    What challenges did you encounter, and how did you overcome them?

    Development Insights:

    • Encountered and resolved issues styling the preview image.
    • Used flexbox to center the image.

    Responsive Design:

    • Implemented a clamp() function for dynamic width adjustments between mobile and desktop views.

    HTML Enhancement:

    • Wrapped the publication date in a tag for better accessibility.

    Blog preview card made with semantic HTML and CSS

    2
    M Asim Saeed•290
    @asimsaeed353

    Very accurate and outstanding design!!

  • M Asim Saeed•290
    @asimsaeed353

    Impressive effort and yeah GitHub is confusing sometimes haha. I have a suggestion, add styles to your <a> for hover and focused state. That'll improve the design for sure. Keep up the good work!

View more comments