Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
7

César Palma

@xsrpm425 points

Ingeniero de Software con experiencia en aseguramiento de calidad de software y programación. Enfocado en el desarrollo de páginas webs / front end.

I’m currently learning...

HTML, CSS, JS, REACT

Latest solutions

  • Astro - Alpine.js - Tailwind CSS

    #astro#tailwind-css

    César Palma•425
    Submitted 10 months ago

    0 comments
  • HTML5 - Flexbox - Tailwind CSS - React - Typescript

    #react#tailwind-css#typescript

    César Palma•425
    Submitted almost 3 years ago

    0 comments
  • html,css.js,apis


    César Palma•425
    Submitted over 3 years ago

    0 comments
  • HTML5, Flexbox, CSS Grid, Mobile-first, react, wouter, css modules

    #react

    César Palma•425
    Submitted over 3 years ago

    1 comment
  • responsive, mobile first, css grid, flex


    César Palma•425
    Submitted over 3 years ago

    0 comments
  • grid (alternative to position), flex, position


    César Palma•425
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Abdallah Noor•150
    @AbdallahNoor
    Submitted over 3 years ago

    HTML & CSS - Mobile First

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago
    • You could adapt your website for mobile devices.
    • I'm curious, with what tool did you model your website?
    Marked as helpful
  • João Guilherme Saporski•210
    @JSaporski
    Submitted over 3 years ago

    Single Price Component solution using Grid Layout

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago

    the font color of the header button appears to be white instead of hsl (204, 43%, 93%), otherwise it is almost identical. You can separate your css into files by target.

    Marked as helpful
  • Gian Franco•290
    @gianback
    Submitted over 3 years ago

    grid, flexbox

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago

    You can separate the css code by target, it is a good practice.

    <link rel = "stylesheet" href = "style.css" /> <link rel = "stylesheet" href = "desktop.css" media = "screen and (min-width: 1440px)" /> You can check the uploads of others to review where to improve.
    Marked as helpful
  • VIPenn•10
    @pennvi
    Submitted over 3 years ago

    Order Summary w/ HTML, CSS

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago

    The design is almost identical. Regarding what you comment on the use of ids, it is true you should not use them in this type of exercise, just to obtain a reference to a DOM element in javascript. In css with classes and specificity with tags it is enough. The BEM methodology also helps to correctly name the classes.

  • Meenakshi K•590
    @Memeena
    Submitted over 3 years ago

    Testimonial grid section using CSS GRID

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago

    Don't forget to use semantic tags like main and footer. Your solution is visually very similar

  • Marialba Córdova•60
    @Marialba16
    Submitted over 3 years ago

    Order sumary component

    1
    César Palma•425
    @xsrpm
    Posted over 3 years ago

    hello some feedbacks: 1- instead of

    <div class = "container"> uses: <main> 2- instead of: <div class = "attribution"> uses <footer class = "attribution">
    Marked as helpful
View more comments
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