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

Hector Sánchez Coronel

@encoreOaxOaxaca, México75 points

I'm a systems engineer student. I been a amateur web developer for 15 years. I really want to become a profesional and bring solutions to the world.

Latest solutions

  • HTML and CSS only solution


    Hector Sánchez Coronel•75
    Submitted almost 4 years ago

    2 comments
  • Responsive CSS, HTML and Vanilla JS


    Hector Sánchez Coronel•75
    Submitted almost 4 years ago

    0 comments
  • Solution HTML and CSS Flexbox only


    Hector Sánchez Coronel•75
    Submitted almost 4 years ago

    1 comment

Latest comments

  • Hector Sánchez Coronel•75
    @encoreOax
    Submitted almost 4 years ago

    HTML and CSS only solution

    2
    Hector Sánchez Coronel•75
    @encoreOax
    Posted almost 4 years ago

    Thank you very much for your comments!

    I think you are right about the section elements. Taking into account that this element can be part of a larger project, the most logical thing is that this part is a complete section. As for the h1 element I had not considered making the element available to screen readers, but I will follow the guide you provide to add it, because it is something important. I designed the change in design between mobile and desktop so that the design of the card did not change at any time, since I realized that the last word of each paragraph was intended to remain alone and altering the design in an intermediate step was It lost the effect, I also wanted to avoid stacking two elements on top of the third, but I will try to think of a creative way to generate an intermediate state that maintains the design.

    Do you think my code is easy to read?

    Thank you again for your comment.

  • Samuel Smith•450
    @samuelsmith442
    Submitted almost 4 years ago

    HTML AND CSS 3 COLUMN CARD SOLUTION

    2
    Hector Sánchez Coronel•75
    @encoreOax
    Posted almost 4 years ago

    Hi Samuel! Your desktop solution looks awesome! You really nail it here. Unfortunately the mobile version breaks, I struggle the same way at the beginning. I suggest start with the mobile version first and then go to the desktop, it will help you to see miss matches. Keep it up with you great work!

    Marked as helpful
  • Adrian A.•20
    @adrianang
    Submitted almost 4 years ago

    3-Column Card Component — HTML, CSS (Flexbox, Mobile-first)

    1
    Hector Sánchez Coronel•75
    @encoreOax
    Posted almost 4 years ago

    Hello Adrian. I like your solution, I think you achieved the overall design very well. I consider that some elements of the design were missing, such as the background color and the hover effect of the buttons does not correspond to the one indicated. I consider that for this project it is important that the mobile design looks as required so that the semantics of the text message can be appreciated. Keep up your excellent work!

  • Arsh Goyal•940
    @arshGoyalDev
    Submitted almost 4 years ago

    Blogr responsive landing page

    1
    Hector Sánchez Coronel•75
    @encoreOax
    Posted almost 4 years ago

    Hi You code is very well organized, mine was chaotic! This solution looks awesome and I like it, the only thing is the movile menu animation, is a little distracting, but everyting else is great!

    Marked as helpful
  • Md Ajmal Shadab•410
    @mdajmalshadab
    Submitted almost 4 years ago

    Order Summary Site used html, css and bootsrap classes

    2
    Hector Sánchez Coronel•75
    @encoreOax
    Posted almost 4 years ago

    Hi! Great first one! I like the responsiveness. Go ahead and take a new challenge!

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