All comments

• 

  Samira•50

  @SamiraAliGaalSubmitted almost 2 years ago

  So I've tried my best, but the cart icon is off, it happened when I tried sizing it down, that it got cut off. Anyway this is my best result, tried to stay as close to the design as possible.

  

  Product Preview Card

  2

  30
  

  Eren•210

  @for-dev9Posted almost 2 years ago

  Hi, Nice job. You can change your CSS class when screen size change by using @media

  Example // effect when screen size is <= 600px and then change flex-direction from row to column

  @media (max-width: 600px) {
    .yourClass {
      flex-direction: column;
    }
  }
  
  For more information https://www.w3schools.com/cssref/css3_pr_mediaquery.php
  

  Marked as helpful

  1
• 

  Vilnis Beltins•160

  @vilnislvSubmitted almost 2 years ago

  There were no problems with this project, everything came easily and it just took time to polish it. In my opinion, the task should have been complicated by adding more interactivity.

  

  Fully responsive notification-page

  1

  20
  

  Eren•210

  @for-dev9Posted almost 2 years ago

  Hi, Nice work But i think u miss something. when click 'mark all as read' background color & Dot should disappear.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  brenda hernandez•20

  @bherna24Submitted almost 2 years ago

  How to dim images in background when the menu is opened?

  

  news homepage solution using flex, grid and JS

  1

  20
  

  Eren•210

  @for-dev9Posted almost 2 years ago

  1. add modal div --> <div id="modal" class="modal"></div>
  2. set modal stylesheet --> display: none; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
  3. update your menu stylesheet z-index to 2
  4. Call JS function to show modal div -- > document.getElementById('modal').style.display = 'block';

  Marked as helpful

  0
• 

  Edgar Briandt•140

  @MerxibeaucoupSubmitted almost 2 years ago

  can someone please teach me how to add the background tint for active mobile Navbar please thanks

  

  Responsive news homepage

  2

  70
  

  Eren•210

  @for-dev9Posted almost 2 years ago

  1. add modal div --> <div id="modal" class="modal"></div>
  2. set modal stylesheet --> display: none; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);
  3. update your menu stylesheet --> z-index:2
  4. Call JS function to show modal div -- > document.getElementById('modal').style.display = 'block';

  Marked as helpful

  0