Fylo Storage component using power of CSS grid

Community feedback

• 

  Kingsley Agu•285

  @didyouseekyngPosted over 3 years ago

  you actually have to tweak the position property for the popup-box, here is a link to the screen shot [Link] (https://ibb.co/gt1BbvJ)

  0
• 

  Kingsley Agu•285

  @didyouseekyngPosted over 3 years ago

  Hi, Akshay

  Great job done for the desktop size, but the layout is quite off on the mobile, as the popup-box is positioned to the right which is a great fit, but not on mobile, I suggest putting this particular class code inside a media query for desktop. other than that, you've done very well. .popup-box { padding: 0.8rem 2.3rem; background-color: #fff; position: absolute; top: 0; right: 3.5rem; z-index: 1; border-radius: 1rem; border-bottom-right-radius: 0; }

  0

  ---

  

  Akshay Meshram•390

  @akshay63Posted over 3 years ago

  @didyouseekyng Thank you for your feedback! I've checked out both desktop and mobile layout and both seem working fine. As you were suggesting to put the above-mentioned code in the desktop media query for the mobile layout is I didn't quite well understand. As I've built the component using the Desktop-first approach I have CSS declarations for the pop-up box and only need to position it on the mobile version which I did in the Mobile version. Please give me some clarity if I'm wrong!😊 Also if you know how to style the popup box as given in the challenge please let me know! Thanks.😎👍

  0