All comments

• 

  Joshua Melvin•35

  @jojomanurungSubmitted over 3 years ago

  I still have a problem in mobile view, it seems not working in all mobile device screen. How to really make this responsive to screen size

  

  Profile Card, Semantic HTML5 and CSS Custom Properties

  2

  11
  

  Milos•330

  @MilosSimic994Posted over 3 years ago

  Hello Joshua, you can add to the `.paga { display: flex; align-item: center; justify-content: center; } it will solve the problem of centering card on all screens.

  as @pikamart mentioned you can definitely explore @media.

  1

  This comment has received 6 repliesShow
• 

  Artur•145

  @arturpawlowski5Submitted over 3 years ago

  Hi All Coders.

  It's my 5th Challenge here. I tried to make this Article Component as much close look to the Figma file I download. I think it is very close.

  I had some problems with Javascript to open Socials. If you have any better solution let me know.

  Happy coding to everyone 🐱‍🏍🎉

  

  ✔ Article Preview Component 5️⃣th Challenge - HTML SCSS Javascript

  2

  20
  

  Milos•330

  @MilosSimic994Posted over 3 years ago

  HI Artur,

  Your solution looks great.

  As for JS, instead of adding 'display: flex' to #active, you can try to create an class active with 'display:flex', that you will add to the element you want to display in your case #active, in the function togg '{ element.classList.toggle("active") }' So it will add end remove a class that displays the element on each click as needed.

  0