Skip to content
OverviewSolutions
6
Comments
6

Abdullah Asif

@abdullah-20280 points

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

Latest solutions

Latest comments

  • Nguyễn Thanh Sang•60
    @Lux0702Submitted 7 days ago
    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•80
    @abdullah-202Posted 5 days ago

    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.

    0
  • Abdullah Asif•80
    @abdullah-202Posted 5 days ago

    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.

    0
  • Abdullah Asif•80
    @abdullah-202Posted 7 days ago

    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!

    0
  • Thomas Brito•120
    @Thomas-BritoSubmitted 8 days ago
    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•80
    @abdullah-202Posted 8 days ago

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

    0
  • Abdullah Asif•80
    @abdullah-202Posted 9 days ago

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

    Marked as helpful
    0
  • Abdullah Asif•80
    @abdullah-202Posted 10 days ago

    Hi Great Solution Other than a little text size and color it is perfect.

    1