Toheeb

Latest comments

• 

  Tejasva Khandelwal•60

  @tejasva-087

  Submitted almost 2 years ago

  

  Used Flexbox, CSS Grids and media queries.

  2

  30
  

  Toheeb•170

  @Toheeb345

  Posted almost 2 years ago

  Hello, you are actually styling desktop first, so you will need to set your max-width for the tablet size but you are indicating the maximum width to be the the size of mobile screen, you can change the max-width for your media query to this:

  @media (max-width: 768px) {
  
  }
  

  it is meant to work that way 👍

  0
• 

  Isaac Lezama•50

  @IsaacLezama

  Submitted almost 2 years ago

  

  solution with html css flexbox and vanilla javascript

  4

  30
  

  Toheeb•170

  @Toheeb345

  Posted almost 2 years ago

  you were using transform

  transform: translate(-50%, 10%);
  

  The correct way to center a div using the positioning property is

  transform: translate(-50%, -50%);    ✔
  

  Try it out!!

  1
• 

  faybas•70

  @faybas

  Submitted almost 2 years ago

  

  Rating Component with JS

  3

  40
  

  Toheeb•170

  @Toheeb345

  Posted almost 2 years ago

  An easy way you can do this is by giving an ID of the exact number for each of the buttons in the html file, then you store the ID in a variable to get the ID of the button clicked, and then you output the variable in the result part

  Example:

  <button id="1" class="rate">1<button >

  <button class="btn">submit<button >

  const btn = document.queryselector('.btn');

  const rate= document.queryselector('.rate');

  btn.addEventListener("click", ( ) => {

  const rateValue = rate.id;

  result.innerHTML = ${rateValue};

  });

  That's just a demo code to show you what i was talking about, let me know if you got it!

  2