Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
5
AnkitSinghSenwal
@AnkitSinghSenwal

All solutions

  • Tools: DevTools CodePen VSCode Techniques: text-indent padding-left


    AnkitSinghSenwal•100
    Submitted 5 months ago

    0 comments
  • Using display flex for social links


    AnkitSinghSenwal•100
    Submitted 5 months ago

    0 comments
  • social-links-profile, display flex, media query,


    AnkitSinghSenwal•100
    Submitted 5 months ago

    1 comment
  • blog-preview-card


    AnkitSinghSenwal•100
    Submitted 5 months ago
    1. Font Loading Optimization Question: How can I optimize the loading of custom fonts (@font-face) to improve page load speed, especially on mobile devices? Issue: The fonts sometimes take time to load, especially on slower connections. I’d like to use strategies like font-display: swap or preload but am unsure how to implement them correctly.
    2. Cross-Browser Compatibility Question: What are the best practices to ensure custom fonts and Flexbox work consistently across all browsers (including older versions of Internet Explorer and Firefox)? Issue: I’ve noticed some inconsistencies in how the fonts and Flexbox layout render on different browsers. Any advice on tools or methods to test and resolve these issues?
    3. Mobile Responsiveness Question: How can I further improve the card layout for very small screens (e.g., below 320px) without making text too small or elements overflow? Issue: While the layout is mostly responsive, on very small screens the card looks cramped. I'm unsure if I should reduce font sizes or tweak spacing further for better readability and layout.
    4. Performance Enhancements Question: What strategies can I use to improve the overall performance of this page, particularly in terms of images and fonts? Issue: I am concerned that large font files and images could be slowing down the page. How can I reduce the page load time without compromising design quality?
    5. Accessibility (a11y) Question: Are there any accessibility improvements I should make to the card and overall page to ensure better user experience for people with disabilities? Issue: I want to make sure that my project is accessible and follows best practices (e.g., proper alt text for images, correct semantic structure).

    0 comments
  • css, display grid, display flex,


    AnkitSinghSenwal•100
    Submitted 6 months ago

    0 comments
  • Responsive QR code card


    AnkitSinghSenwal•100
    Submitted about 1 year ago

    1 comment
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub