Responsive desktop and mobile using Flex and Grid

Community feedback

• 

  Victor Eleanya•620

  @mrvicthorPosted almost 2 years ago

  You may want to review your solution, tried to open it on my iPhone but I couldn’t access the input field. I think you should check the positioning

  Marked as helpful

  0

  ---

  

  Bruno•260

  @BrunoSousaWDPosted over 1 year ago

  @mrvicthor thanks for the feedback, I think I got that fixed but ended up finding a bigger bug on the JS file 🤯.

  0

  

  Victor Eleanya•620

  @mrvicthorPosted over 1 year ago

  @BrunoSousaWD ok, what bug is that

  0

  

  Bruno•260

  @BrunoSousaWDPosted over 1 year ago

  @mrvicthor once I drag and drop an item, the deleting and marking as complete functions won't work for those items. I found the problem, just gotta work on the solution.

  here is the problem;

  //

  function swapItem(startPos, dropPos) {

  //save the dropItem
  const dropItem = listItems[dropPos].innerHTML;
  
  //swap the drop item with the drag item
  listItems[dropPos].innerHTML = listItems[startPos].innerHTML;
  listItems[startPos].innerHTML = dropItem;
  

  } //

  0

  

  Victor Eleanya•620

  @mrvicthorPosted over 1 year ago

  @BrunoSousaWD alright, i will review your code tomorrow

  Marked as helpful

  0

  

  Bruno•260

  @BrunoSousaWDPosted over 1 year ago

  @mrvicthor I've made some changes, I got it to work 50%( still not saving when the li is marked as complete when the element is dragged), but the code isn't dry. thanks for your time. Cheers

  0

  

  Victor Eleanya•620

  @mrvicthorPosted over 1 year ago

  @BrunoSousaWD fantastic, I just checked it but couldn’t find anything wrong with it

  0

  

  Bruno•260

  @BrunoSousaWDPosted over 1 year ago

  @mrvicthor thanks. Once again, I appreciate your time.

  0