Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
10
P
JESUS ANGUIANO
@AnguiNator

All comments

  • Leccon1•130
    @Leccon1
    Submitted 1 day ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of the fact that I was able to write proper js code that works.

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

    I encountered difficulties in writing js code, but I was able to figure it out and did it.

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

    none, I'm a know-it-all ;)

    newsletter subscription with success message-main with full js logic a

    #sass/scss
    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted about 7 hours ago

    "Great job on your work! However, I recommend you start incorporating semantic HTML tags instead of relying solely on <div> elements.

    Using semantic tags like <header>, <nav>, <main>, <article>, <section>, <aside>, and <footer> not only makes your code more readable and easier to maintain for other developers, but it also significantly improves accessibility for users relying on screen readers and enhances SEO by giving search engines a clearer understanding of your content's structure. It's a best practice that will elevate the quality of your web development."

  • P
    laurice-dev•300
    @laurice-dev
    Submitted about 1 month ago

    article-preview-component-master

    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted about 1 month ago

    Buen trabajo, solo falto colocar :hover en el botón para la versión de escritorio.

  • P
    NunoJDMachado•150
    @NunoJDMachado
    Submitted 2 months ago
    What specific areas of your project would you like help with?

    I'd like to know if the approach using the <picture> elements is a valid one for this case or if there's a better way.

    Also, when comparing with the design, the footer image didn't seem to be fitting exactly the same, even though I was using the correct one for each breakpoint and the footer size was the same. If someone could take a look it would be very much appreciated.

    Other than that, any other feedback regarding other parts of the project is welcome. Thanks!

    Responsive landing page using flexbox and grid

    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 2 months ago

    🔧 Empty alt attribute on the picture-hero-right image Suggestion: Even if the image is hidden at certain screen sizes, you shouldn’t leave the alt attribute empty in case the image does get displayed. Use a descriptive alt instead.

  • P
    Michael•90
    @Axayn
    Submitted 3 months ago

    Responsive Testimonials Grid

    #sass/scss
    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Great job! I really liked the way the files were organized

  • P
    Brais•270
    @braismarquez2025
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Me ha gustado que he usado los text-presets de una forma mucho más cómoda añadiéndolos como una clase a los elementos, te ahorra mucho tiempo hacerlo así.

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

    He implementado la función clamp para el tamaño de la letra, de esta forma va aumentado según la resolución de la pantalla. Con una función que convierte los píxeles en rem he podido llevarlo a cabo.

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

    Me gustaría recibir feedback sobre el uso de la función clamp y los rem sobre todo, además de cualquier mejora que pueda aprender e implementar.

    Sección de página con HTML y CSS

    #sass/scss
    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Typography utilities (text-preset-*) — great idea to standardize text styles for easy reusability.

    Marked as helpful
  • Leonardo Bravo P.•100
    @leonardo-bravop
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    It's my first time using SASS and I think I accomplished a good structure. I also learned about mixins, it seems really useful to standardize adding media queries. I also feel proud that I started mobile-first this time, and it was not hard to add responsiveness for desktop devices.

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

    I had some issues with the consistency of some styles like the margins and paddings when switching from one screen size to another, but after some tries I could make them work.

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

    If you have experience using SASS it could really help me to know what I could improve, but feel free to give any comments in other areas too!

    Product preview card component

    #typescript#vite#sass/scss
    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Suggestions for improvement

    • Make alt text more descriptive (e.g., "Gabrielle Essence Eau De Parfum bottle") to improve accessibility.

    • Avoid using position: absolute for centering the .product-card. A better alternative is to use display: flex on the body: body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }

    • Reduce repeated font declarations. You could create utility classes like .font-montserrat and .font-fraunces to keep your SCSS DRY.

    • Enhance accessibility for the button. Add an aria-label like "Add product to cart" to make it more screen-reader friendly.

    Use the <picture> and <source> elements for switching images instead of injecting two <img> tags. Example: <picture> <source media="(min-width: 768px)" srcset="${desktopSrc}"> <img src="${mobileSrc}" alt="Gabrielle Essence Eau De Parfum bottle"> </picture>

    Great work overall! With a few small tweaks, your project would be even stronger!

    Marked as helpful
  • Hemant•100
    @HemantKumawat1729
    Submitted 3 months ago

    Omelette recipe using html and css

    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    <img> tag missing alt attribute 🔧 Suggestion: Add an alt attribute to improve accessibility and SEO.

    <ol> element is not properly closed 🔧 Suggestion: Close the ordered list before the next section starts.

    Style reuse: You can optimize your CSS by grouping repeated properties into reusable classes (e.g., margin, color settings).

  • NIROTRINLAND•60
    @NIROTRINLAND
    Submitted 3 months ago

    Mobile First Social Links Profile in HTML and CSS

    1
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Nice work. I recommend you use semantic tags

  • Alessio Pacconi•100
    @alepacc
    Submitted 3 months ago

    blog preview card using css

    2
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Nice work, Now try changing the font size without using media queries.

  • Sreejith c s•20
    @sreejithcs007
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how clean and responsive the layout turned out using only HTML and CSS. I managed to center the card perfectly on the page using Flexbox and styled the elements to match the design spec closely. I also maintained a clean, organized structure in my code with meaningful class names and a mobile-first approach.

    This project helped me get more comfortable with layout techniques and responsive design.

    I'd also consider implementing dark mode support or adding a small animation to make the UI feel more interactive.

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

    At first, centering the card both vertically and horizontally was tricky. I tried using margins but it didn’t work consistently across screen sizes. ✅ Solution: I used Flexbox on the body to center the .inner_container perfectly, even on small screens.

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

    I’d love feedback on whether my CSS structure and class naming follow best practices. Are there ways I can make my styles more modular or maintainable?

    While the layout looks good on mobile and desktop, I’d appreciate suggestions on how I could make the design even more responsive, or if there are better techniques I could use.

    Centered card layout using Flexbox

    3
    P
    JESUS ANGUIANO•160
    @AnguiNator
    Posted 3 months ago

    Cambios recomendados: ✅ Renombrar clases usando la metodología BEM.

    ✅ Usar variables CSS para colores y espacios comunes.

    ✅ Arreglar el color mal escrito (color: 1F314F; → #1F314F).

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