All comments

• 

  Samira• 50

  @SamiraAliGaal

  Submitted over 1 year 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-dev9

  Posted over 1 year 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

  @vilnislv

  Submitted over 1 year 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-dev9

  Posted over 1 year 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

  @bherna24

  Submitted 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-dev9

  Posted 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

  @Merxibeaucoup

  Submitted 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-dev9

  Posted 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