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

Supa-Thobile2

@Supa-Thobile2100 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

  • Four Card Feature Section


    Supa-Thobile2•100
    Submitted 10 months ago

    I would like more help in thinking in a grid.


    1 comment
  • Product Preview Card


    Supa-Thobile2•100
    Submitted 10 months ago

    2 comments
  • Recipe page


    Supa-Thobile2•100
    Submitted 10 months ago

    1 comment
  • Social Media Links


    Supa-Thobile2•100
    Submitted 10 months ago

    1 comment
  • Blog Preview Card


    Supa-Thobile2•100
    Submitted 10 months ago

    1 comment
  • QR code component using HTML and CSS


    Supa-Thobile2•100
    Submitted 10 months ago

    1 comment

Latest comments

  • Ajibona•210
    @ajibona
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Now that I've spent more time on it and figured it out, I feel so happy about how much my skills have improved. It seemed really hard at first, but now that I've tried it, it looks easy. I can't wait to try more!

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

    At first, understanding Flexbox was challenging. However, after Googling and watching some straightforward documentation, I figured out how to tackle problems with it. With a bit of understanding, I can now work with it more effectively.

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

    Thank you for these project! Any feedback is welcome.

    Four Card Feature Section

    1
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    he developer has managed to create the layout like it is on the designs. The code is easy to ready and follow.

  • rosemutai•220
    @rosemutai
    Submitted 10 months ago

    Mobile first Responsive design

    2
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    Absolutely brilliant! The design has been translated to code beautifully.

    The code base is easy to read and follow. The design has been translated well using semantic HTML.

    The Issue I have is on the mobile view scroll. If the developer could work on remove any additional padding or margin for small screens.

  • José Mama•240
    @codesByJose
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    made the required adjustments!.. this was one difficult task for me, but im glad it pulled through.. pls do leave your thoughts concerning this

    Responsive Omelette Menu

    4
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    The code base is easy to read and follow.

    The design could be greatly improved with margins and padding.

    The design is close to the one on design assets but it could be improved.

    The readability of text on the small screen is a strenuous exercise. The fonts can be increased for better readability.

    Marked as helpful
  • abdelrhman-mahmoud-awad•30
    @abdelrhman-mahmoud-awad
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Pride: The most proud aspect might be the clean, responsive design that effectively presents social profile links. Improvements: In the future, you might consider adding more interactive features or enhancing accessibility.

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

    Challenges: Implementing responsive design and ensuring cross-browser compatibility. Solutions: Using CSS Flexbox/Grid for layout and testing on multiple devices and browsers.

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

    Responsive Design: Ensure the layout adjusts smoothly across various devices and screen sizes. Performance Optimization: Improve loading times and overall efficiency of the site. Accessibility: Check if the site is usable for people with disabilities, including keyboard navigation and screen reader compatibility. User Interface (UI) and User Experience (UX): Evaluate the design for ease of use and intuitive navigation. Cross-Browser Compatibility: Verify that the site performs consistently across different web browsers

    Social Links Profile Page

    1
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    The project is excellent but not centred as in the design.

    The Desktop design has a scroll bar that will disappear when the container is properly centred.

    The code is readable and easy to follow.

    I love how the developer designed the social links that is a great design.

  • KarolinaR98•190
    @KarolinaR98
    Submitted 10 months ago

    Blog Preview Card

    1
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    This project is excellent. It is also responsive.

    I love how the developer incorporated the box shadow hover effect it was brilliant.

    The code is also perfect and can be read easily.

    The project looks exactly like the design and is pixel-perfect.

    Marked as helpful
  • Sherline Au•170
    @sherlineau
    Submitted over 1 year ago

    QR component using html/css

    2
    Supa-Thobile2•100
    @Supa-Thobile2
    Posted 10 months ago

    The project is structured properly. The code is easy to read and follow.

    The project is not responsive to different screen sizes and could be improved by removing the additional scrolling. The CSS could be applied to fix the issue with overflowing elements.

    The project is good and looks just like the design.

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

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

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