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

CodingTube

@CodinGitHubEcuador510 points

Soy un apasionado por el código y YouTuber. Enseño desarrollo web en YouTube y Twitch. En mi canal podrás encontrar cursos sobre HTML, CSS, SASS/SCSS, Javascript además de una variedad de proyectos donde aplicamos todos estos conocimientos.

Latest solutions

  • Coding Bootcamp Testimonials Slider using HTML CSS and JS


    CodingTube•510
    Submitted over 1 year ago

    0 comments
  • Social media dashboard with theme switcher REACT - TAILWIND

    #react#tailwind-css

    CodingTube•510
    Submitted over 1 year ago

    0 comments
  • Intro section with dropdown navigation with HTML CSS and JS


    CodingTube•510
    Submitted almost 2 years ago

    0 comments
  • Interactive notifications page


    CodingTube•510
    Submitted almost 2 years ago

    1 comment
  • Responsive Landing using React and Tailwind

    #react#tailwind-css

    CodingTube•510
    Submitted almost 2 years ago

    0 comments
  • Responsive page using React and Tailwind

    #tailwind-css#react

    CodingTube•510
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Darren•30
    @Darren52BT
    Submitted almost 2 years ago

    QR-Code-Component

    1
    CodingTube•510
    @CodinGitHub
    Posted almost 2 years ago

    Nice solution! Perhaps I could suggest reserving the h1 tag for an entire section. In this case, since it's a card, you could use h2...h6 tags instead.

    Using a naming methodology like BEM to give names to classes can also help you maintain your code readability.

    Marked as helpful
  • Chris•130
    @Cortele
    Submitted almost 2 years ago

    Order Summary Component

    1
    CodingTube•510
    @CodinGitHub
    Posted almost 2 years ago

    Hi! Great solution! Just one thing I'd like to point out: the style tag is not necessary if you have a stylesheet. I recommend removing it and placing the styles from this tag into the styles.css file. This approach will keep your code cleaner and more organized. Happy coding!

    Marked as helpful
  • CodingTube•510
    @CodinGitHub
    Submitted almost 3 years ago

    Simple product card using HTML and CSS

    #bem
    2
    CodingTube•510
    @CodinGitHub
    Posted almost 3 years ago

    Thank you very much for your feedback! I decide to use margin to every single element because if I use padding in the card container the image doesn't fit to the 100% of the width of the card and I don't like to use position absolute to do that. Do you know another way to achieve the image use all the width of the container even if the container have a padding?

  • CodingTube•510
    @CodinGitHub
    Submitted almost 3 years ago

    Form validation using regular expresions

    2
    CodingTube•510
    @CodinGitHub
    Posted almost 3 years ago

    Hi Vanza thank you very much for your feedback. I really appreciate it. This will help me improve my developer's skill a lot.

  • CodingTube•510
    @CodinGitHub
    Submitted over 3 years ago

    Order Summary Component using Flexbox

    3
    CodingTube•510
    @CodinGitHub
    Posted over 3 years ago

    Hi! thank you very much for the feedback

  • Niti Mittal•260
    @NitiMittal
    Submitted over 3 years ago

    Responsive Single price Grid component using HTML and CSS

    1
    CodingTube•510
    @CodinGitHub
    Posted over 3 years ago

    Good Job! I see that you're using variables in CSS. That's a good practice. 👏👏👏

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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