Article preview component using HTML5, CSS3 and Javascript

Community feedback

• 

  

  ApplePieGiraffe•30,525

  @ApplePieGiraffe

  Posted over 4 years ago

  Hello, José Eduardo! 👋

  Good effort on this challenge! 👍 The card component looks nice and is responsive! 🙌

  In order to position the social media popup relative to the card component, you need to add position: relative to the card component itself (otherwise, the social media popup will be positioned relative to the page itself, which probably isn't what you want). From there, you can adjust the bottom and right properties of the popup in the desktop layout until it's positioned where you like it. 😉

  Also, as far as semantic HTML goes, I suggest using the article tag (not the main tag) for the card component as a whole, since the card component is a self-contained, well, component, and not the main part of a regular webpage. Then, simply use divs to group elements inside the card component (not any section tags since this is just a small component). 😀

  Hope that helps! 👍

  Keep coding (and happy coding, too)! 😁

  21
• 

  Agata Liberska•4,075

  @AgataLiberska

  Posted over 4 years ago

  Hi José, I had a look at your code and I think the issue is that you have the social media box positioned absolutely in relation to the whole card (section element), not something within the card. What I would do is modify the HTML and nest elements a bit more (hope it makes sense), it would probably make things easier.

  There may be a better solution to this, but that's where I would start :)

  11