Skip to content
OverviewSolutions
7
Comments
7

Abdullah Asif

@abdullah-202120 points

Just a fresh student. Using Github for hosting my projects online and try to get a different kind of experiences.

Latest solutions

View more solutions

Latest comments

  • P
    ReiRev•310
    @ReiRev
    What challenges did you encounter, and how did you overcome them?

    I needed to use z-index for quotation background image.

    Tailwind CSS (CDN)

    #tailwind-css
    1
    Abdullah Asif•120
    @abdullah-202

    Great Solution! Your font size is slightly larger than solution otherwise

  • Nguyễn Thanh Sang•60
    @Lux0702
    What are you most proud of, and what would you do differently next time?

    I'm most proud of the responsive design implementation using Tailwind CSS. The layout adapts well to different screen sizes with media queries (max-[450px], min-[375px], etc.), ensuring a smooth user experience. Additionally, the structured use of Flexbox and Grid makes the content well-organized and visually appealing.

    Using flex and Grid better

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

    Ensuring the design remains visually balanced across different screen sizes, especially handling the stacking of cards on smaller screens.

    Four card Responsive Design

    #tailwind-css#firebase
    1
    Abdullah Asif•120
    @abdullah-202

    Hi! Great Solution But you can also use sm md classes of Tailwind CSS as they also work as media quires and let's you write classes in your HTML without using stylesheet.

    Marked as helpful
  • Abdullah Asif•120
    @abdullah-202

    Great Solution! Should add a little padding top and bottom and use the font's given in starter files using @import and assigning font-family. Other than that your solution is pretty solid.

  • Abdullah Asif•120
    @abdullah-202

    Hi! Sorry, I didn’t get to see your code as the repository was moved or deleted. Based on the snapshot, you should use the fonts in the assets folder in CSS as the font family. In desktop mode, having a margin at the top and bottom will get your design as close to the given design. Other than that, great solution!

  • Thomas Brito•240
    @Thomas-Brito
    What specific areas of your project would you like help with?

    I'd like some help to be more precise in setting the correct font sizes and dimensions when I don't have access to the Figma file.

    Social links profile

    2
    Abdullah Asif•120
    @abdullah-202

    Hi! Great solution the sizing and paddings are needed to be fixed a little otherwise it is a very good solution

  • Abdullah Asif•120
    @abdullah-202

    Hi! Great solution however the placement is off. Should use flex and justify and align to make it center.

    Marked as helpful
View more comments