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

Thiago

@oFlikPiauí, Brazil40 points

Desenvolvedor Backend

Latest solutions

  • Blog preview card


    Thiago•40
    Submitted over 1 year ago

    None


    1 comment
  • QR Code Component


    Thiago•40
    Submitted over 1 year ago

    None


    1 comment
  • Social links profile


    Thiago•40
    Submitted over 1 year ago

    None


    1 comment
  • Recipe Page


    Thiago•40
    Submitted over 1 year ago

    None


    1 comment

Latest comments

  • Rakshyak Satpathy•40
    @rakshyak-98
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?
    • Ensuring responsiveness across different screen sizes posed a significant challenge.
    • Maintaining layout integrity while transitioning from desktop to mobile required careful planning and implementation of CSS techniques like flexbox and grid.
    • Integrating dynamic features using JavaScript proved challenging, especially in enhancing user interactivity without sacrificing performance.
    • Balancing design aesthetics with functionality was a key challenge, aiming to deliver visually appealing and user-friendly experiences.
    • Despite the obstacles, the project provided valuable learning opportunities, emphasizing the importance of adaptability and problem-solving in web development.
    What challenges did you encounter, and how did you overcome them?

    To overcome these challenges during the project:

    • Responsiveness: Employed a mobile-first approach and extensively tested the layout on various devices using developer tools and real devices. Utilized CSS media queries to adjust styles based on screen sizes and ensure consistent display across devices.

    • Layout Integrity: Carefully structured the HTML markup and utilized CSS flexbox and grid layout techniques to create a fluid and adaptable design. Regularly checked the layout at different breakpoints to identify and address any issues.

    • Dynamic Features: Implemented JavaScript functionalities incrementally, testing each feature thoroughly to ensure compatibility and performance. Utilized libraries and frameworks judiciously to streamline development and optimize code efficiency.

    • Design and Functionality Balance: Collaborated closely with design resources to strike a balance between aesthetics and functionality. Prioritized user experience by focusing on intuitive navigation, clear content presentation, and accessible design elements.

    • Learning and Adaptation: Embraced a growth mindset, actively seeking out resources, tutorials, and documentation to overcome specific challenges. Leveraged online communities and forums for guidance and support, learning from others' experiences and incorporating best practices into the project workflow.

    html, css, flexbox, psudo class selector

    1
    Thiago•40
    @oFlik
    Posted over 1 year ago

    Great solution!

  • Anil3025•30
    @Anil3025
    Submitted over 1 year ago

    social link profile

    1
    Thiago•40
    @oFlik
    Posted over 1 year ago

    Great soluton!

  • Mohammad Aminul Islam•160
    @aminbd90
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm currently improving my coding skills.

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

    practice makes a man perfect.

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

    please see my code and suggest me to improve my skills.

    Blog-preview-card by HTML & CSS

    2
    Thiago•40
    @oFlik
    Posted over 1 year ago

    Great solution!

  • Chard Largodizimo•270
    @chardlargodizimo
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Building a newbie challenge in front-end mentor.

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

    Conventional naming. Currently studying BEM.

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

    BEM method

    QR Code Component using CSS

    1
    Thiago•40
    @oFlik
    Posted over 1 year ago

    Nice project!

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