All comments

• 

  Wellington Lucas da Veiga•30

  @Wellington-LucasSubmitted over 1 year ago

  I had difficult to know which of input types i can use for the "rating options". I didn't use javascript because i dont know where i can place a function to return the input values(rate).

  

  Interactive component with rating

  1

  60
  

  MerMory-Alloc•250

  @MerMory-AllocPosted over 1 year ago

  Hi @Wellington-Lucas,I hope you are doing well. I took a look at your code and I think it would be better to set the form's method attribute to "post" so that the page does not reload.

  Regarding JavaScript, you can get the value of the checked rating like this

  function enviar(elementoSelecionado) {
  let value=elementoSelecionado.value ;
  
  \\"Then, write code to make the form disappear and the thanks section appear.
      
  }
  
  

  Marked as helpful

  1

  This comment has received 2 repliesShow
• 

  Mediteran2910•90

  @Mediteran2910Submitted over 1 year ago

  Hello everyone, I think mobile design is not good, everyone having ideas how to fix that?

  

  HTML, CSS-FLEX BOX

  1

  50
  

  MerMory-Alloc•250

  @MerMory-AllocPosted over 1 year ago

  Hi @Mediteran2910 great work here, also i like how you did the mobile design. however if you want to do it just like the design, all you have to do is to give padding to the second container and allow all the elements inside it to have the full width also remove any left and right margins for those elements. there s also another thing i noticed in your css file , that you did named all the html elements to reset some properties of theme here. for this there is better approch is to use * intead like this

  * {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
  }
  

  Marked as helpful

  1

  This comment has received 2 repliesShow
• 

  Nestor Álvarez•100

  @nexsalvarezSubmitted almost 2 years ago

  I didn't find a way to shrink one responsive panel when the other is clicked open, how would you do it?

  

  FAQ Accordion Card

  1

  61
  

  MerMory-Alloc•250

  @MerMory-AllocPosted almost 2 years ago

  Great work here, I liked how you did some magic to it with animation. about you question you can add this code inside the event function.

  for(j=0; j < btnAccordion.length; j++){
        if(btnAccordion[j].innerHTML != this.innerHTML){
          btnAccordion[j].classList.remove("active");
          btnAccordion[j].nextElementSibling.style.display= "none";
          btnAccordion[j].firstElementChild.style.transform = 'rotate(0deg)';
      }
  }
  

  it basically will iterate through all the answers(btnAccordion elements) then checks if it is the element that just got clicked or not . if it is not, it will remove the class active from it and hide it. Hope this helps .

  0
• 

  Henrique•10

  @HenriqueCosta05Submitted almost 2 years ago

  Hello! I am new here, and would like from you: What are the best practices I should have put in this project? Is it possible to build a website for multiple platforms (Desktop, and Mobile) using only CSS and HTML? Thank you!

  

  Simple Web Page built for Desktop Devices

  2

  30
  

  MerMory-Alloc•250

  @MerMory-AllocPosted almost 2 years ago

  it is a good try i know you can do it just dont stop working on it . i recommend you learning about CSS flexbox and grid it will help you a lot in this challenge . there are also things needs attention of course like working with borders and images just be patient and you ll get better results . wish you all the best .

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  ezecoder•870

  @3eze3Submitted almost 2 years ago

  This challenge I had some complications regarding the mobile design, but in general terms I think I had a good result, it was a lot of fun to do this challenge, and I plan to implement SAS in the next ones, for a better structure and modulation of it and finally if you have any suggestions about the code and design please let me know by commenting. 🐰❤

  

  Huddle Landing Page (Flexbox And Grid CSS ) ❤

  1

  240
  

  MerMory-Alloc•250

  @MerMory-AllocPosted almost 2 years ago

  Hi, the work looks great and i wish you great learning journey , i just want to point out to something here as i am looking at your live implementation in Firefox , there is white space at the bottom of the page see here i looked into the code also and here a possible solution i think it could be caused by the height of the .container that is set to 100vh.

  Marked as helpful

  1