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

croscob3

@croscob320 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

  • Usei HTML, CSS, @font-face, flexbox, hover e sombra.


    croscob3•20
    Submitted 3 months ago

    1 comment
  • display grid e place-items center


    croscob3•20
    Submitted 3 months ago

    1 comment

Latest comments

  • P
    Nick J•100
    @troy71
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Learnt how to change size of text for mobile devices without using media queries

    Responsive blog preview card

    1
    croscob3•20
    @croscob3
    Posted 3 months ago

    HTML semântico: A estrutura está clara e bem definida. Você usou elementos como <p>, <a>, e <button> corretamente.

    Fonte customizada: O uso do Google Fonts foi bem implementado.

    Hover e responsividade: Adicionar hover na mini-heading melhora a experiência do usuário, e o uso de clamp() foi excelente para responsividade.

    Estilo consistente: O design respeita o desafio proposto, com sombras, cores e espaçamento coerentes com o modelo.

  • NIKIEMA W. Elisee•10
    @Elisee7
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I’m proud of the following:

    • Using reusable classes
    • Hosting my solution online
    • Working with a design system
    • Editing the README.md file
    What challenges did you encounter, and how did you overcome them?

    Challenges that I encountered

    Working with a Design System

    I overcome it by understanding how the design system works and how to translate them in CSS.

    Flexbox

    I found without display:flex; , justify-content and align-Items do not work.

    Editing in markdown

    It was my first time working with Markdown, so the editing process was a bit challenging at first.

    QR code component

    1
    croscob3•20
    @croscob3
    Posted 3 months ago
    1. Uso de HTML semântico O código usa corretamente a estrutura básica do HTML5 (<!DOCTYPE html>, <html>, <head>, <body>).

    Elementos como <h1> e <p> são bem utilizados para conteúdo textual.

    1. Boa estrutura e legibilidade As classes estão bem organizadas com nomes claros.

    As regras CSS seguem um padrão consistente de nomenclatura (ex: margin-top-300, text-preset-1).

    O uso de display: flex para centralização está bem aplicado. 3. Estilo visual A combinação de cores (com tons de cinza e branco) está suave e alinhada com o desafio do QR Code.

    Tipografia com a fonte “Outfit” dá um toque moderno.

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