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

Erick

@DevBugMePhilippines270 points

I'm a freelance web developer for a year now and I'm happy with what I'm doing, now I like web development even more especially in the front-end my knowledge in web development is full stack I can do both the front-end and backend using my skills in HTML5, CSS3, JS, PHP & MySQL, but in any case I wi

I’m currently learning...

MERN Stack

Latest solutions

  • Advice Generator App using HTML5, CSS3 & Javascript for API Handling


    Erick•270
    Submitted almost 3 years ago

    0 comments
  • Expenses chart component using HTML5, CSS3 & Javascript


    Erick•270
    Submitted almost 3 years ago

    0 comments
  • Responsive Chat App using HTML5 & CSS3


    Erick•270
    Submitted almost 3 years ago

    0 comments
  • Huddle Landing page with html5, css3


    Erick•270
    Submitted almost 3 years ago

    0 comments
  • Responsive eCommerce Product page using Pure HTML, CSS & Javascript


    Erick•270
    Submitted almost 3 years ago

    0 comments
  • Dropdown navigation with HTML5, CSS3 & Javascript


    Erick•270
    Submitted almost 3 years ago

    2 comments
View more solutions

Latest comments

  • Mateusz Hladky•160
    @matibox
    Submitted almost 3 years ago

    E-commerce product page using SCSS, JS and glide.js

    #accessibility#webpack#sass/scss
    1
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

    1 item = 1 cart item (data-totalitem=1)

    2 item = 2 cart item (data-totalitem=2)

    1 item/2 quantity = 1 cart item (data-totalitem=1)

    which mean is that if there is 2 different 'product id' you must see in the cart a number of 2 but if there is 1 product id but with 2 quantity the cart number must be 1 but the quantity which is ($125 x 2) should be increased

    Marked as helpful
  • Okudero Michael•350
    @MicMond01
    Submitted almost 3 years ago

    ecommerce-product-page-main

    1
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

    1 item = 1 cart item (data-totalitem=1)

    2 item = 2 cart item (data-totalitem=2)

    1 item/2 quantity = 1 cart item (data-totalitem=1)

    which mean is that if there is 2 different 'product id' you must see in the cart a number of 2 but if there is 1 product id but with 2 quantity the cart number must be 1 but the quantity which is ($125 x "2") should be increased

  • Saadi Sidali•100
    @SaadiSidali
    Submitted almost 3 years ago

    Ecommerce Product Page

    #react
    2
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

    1 item = 1 cart item (data-totalitem=1)

    2 item = 2 cart item (data-totalitem=2)

    1 item/2 quantity = 1 cart item (data-totalitem=1)

    which mean is that if there is 2 different 'product id' you must see in the cart a number of 2 but if there is 1 product id but with 2 quantity the cart number must be 1 but the quantity which is ($125 x 2) should be increased

  • MavDavis•100
    @MavDavis
    Submitted almost 3 years ago

    HTML, CSS Flex layouts, Javascript

    1
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    congratulation for finishing this challenge bro! a little help for you, to achieve the cart item number that appears in the cart when you are clicking the "add button" you can use HTML Attribute "data-totalitems=0" then at your CSS use pseudo element ::before/::after "content: attr(data-totalitem)" to style it and finally at your javascript do the data manipulation increment/decrement

    Marked as helpful
  • Vedat Sözen•230
    @vedatsozen
    Submitted almost 3 years ago

    Land Page

    1
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    do you know that you can use flex 'order' to change the order number of flex items? if you do the mobile first approach the image is in the top of the text so when it comes to desktop if you will use flex the image will be in the left and the text will be on the right, to arrange their position you can use order: 1; for text and then order: 2; for the image so they will swap position, the image will be on the left part by doing this order. You can also use CSS Grid it can help you alot when positioning elements to the corresponding place

  • Eman Abdallah Shaltoot•380
    @Eman-Abdallah
    Submitted almost 3 years ago

    E-commerce-product-page

    1
    Erick•270
    @DevBugMe
    Posted almost 3 years ago

    Congratulation for finishing this challenge, I have something that I think it shouldn't work that way, It is the add (+) button in the quantity which is must be an add to the quantity but not to the cart item

    1 item = 1 cart item (data-totalitem=1)

    2 item = 2 cart item (data-totalitem=2)

    1 item/2 quantity = 1 cart item (data-totalitem=1)

    and you can use overflow: hidden to your "<main> to fix the whitespace your overlay is overflowing this is the reason why it has a white space on your mobile

    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