Skip to content
OverviewSolutions
8
Comments
7

Md Zafer Eqbal

@MdZaferEqbalBengaluru, Karnataka, India100 points

I am a Software Developer with more than one year of professional experience, with a primary focus on Laravel, JavaScript and PHP. I also possess a solid understanding of foundational technologies like PhpMyAdmin, Blade, HTML, and CSS. My expertise extends to back-end development, where I excel in

I’m currently learning...

Front End Skills: HTML, CSS, JavaScript, Responsive Design.

Latest solutions

View more solutions

Latest comments

  • Md Zafer Eqbal•100
    @MdZaferEqbalPosted 5 months ago

    Great work.

    1
  • Md Zafer Eqbal•100
    @MdZaferEqbalPosted 5 months ago

    you can use grid-template-areas to improve your design even more.

    grid-template-areas: "supervisor team calculator" "supervisor karma calculator";

    0
  • Md Zafer Eqbal•100
    @MdZaferEqbalPosted 6 months ago

    I am new to responsive designing. And I can't see any issue with the solution above.

    1
  • Md Zafer Eqbal•100
    @MdZaferEqbalPosted 6 months ago

    You can even improve it further by adding padding-left to the lists and in table the rows can be center aligned using text-alignment. Apart from these everything look great.

    0
  • Md Zafer Eqbal•100
    @MdZaferEqbalPosted 6 months ago

    Its nearly perfect apart from some padding and margin

    0
  • stephany247•570
    @stephany247Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I’m proud of implementing responsive design and accessibility features in the blog preview card, enhancing user experience through semantic HTML5 and clear hover and focus states.

    Next time, I’d focus on refining the design based on user feedback and experiment with more advanced CSS techniques for layout control.

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

    I faced a challenge with embedding an already downloaded font into my project. To overcome this, I researched the correct @font-face syntax and adjusted the paths to ensure the font files loaded correctly.

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

    1. Accessibility: How can I improve accessibility for screen readers in my project?

    2. Font Embedding: What’s the best way to ensure the custom fonts I’ve downloaded are properly embedded and displayed in my project?

    Responsive Blog Preview Card using Semantic HTML, Flexbox, and CSS Cus

    2
    Md Zafer Eqbal•100
    @MdZaferEqbalPosted 6 months ago

    Great it's near perfect.

    0
View more comments