Blog card challenge better solution

Community feedback

• 

  Alex•3,130

  @Alex-Archer-IPosted 6 months ago

  Hi there!

  Yep, justyfy-self works with the grid but not with flex. Childs of flex has align-self but that's won't help you as it's align element by the X axis (or Y if flex-directon is row).

  So, I guess you can use positioning (fixed or absolute) to stick attributions to the ground, but this might be clumsy if the height of the content will larger than the height of the screen.

  Or you can put your card into the main tag ang attributions into the footer tag, set height of the main to 90% (or something close) and then it'll take 90% of the screen as height of it's parent - body - is 100vh. The footer with the attributions will take another 10%.

  By the way, speaking of the main tag - there should always be one on the page for the better semantic. Also it goes for h1 tag as well. Especially if you have plenty of other h =)

  Oh, I like how you style attributions matching the overall theme! It's cool to add something your own to design =)

  Well done, neat work! Good luck with coding =)

  0

  ---

  

  PolternCat•30

  @joshuapocPosted 5 months ago

  @Alex-Archer-I Pretty much obliged for your comment, it did guide me in the right direction. I did some digging bases on your comment and Ive uploaded what i think to be a better solution to this challenge on github(soon to be reuploaded here). In it i used both flex and grid. Again thanks a bunch

  1

  

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  @joshuapoc

  Wow. Use flex and grid together sound a bit complex especially for such simple project, but still cool. There is always fun in experimenting! Very interesting to see what you came up with =)

  Glad that I could inspire creation of a new approach =)

  Marked as helpful

  0

  

  PolternCat•30

  @joshuapocPosted 5 months ago

  @Alex-Archer-I haha yeah so complex the implementation of both display properties and unnecessary at that, but yeah i wanted to understand them better. I reuploaded the solution should you want to see it. Again thanks for your help

  1

  

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  @joshuapoc

  Yep. A bit complex, a bit redundant, but cool, nice to look and based on combination of different techniques. Just like a piece of art =)

  That's interesting =)

  Oh, another tip. Don't use id for styling. Later, in big projects, you'll see that it is more convenient to use classes for styling and id for references.

  Marked as helpful

  0