Responsive page using grid

Community feedback

• 

  Elaine•11,400

  @elaineleungPosted about 2 years ago

  Hi Nomatter, about the quote SVG, what I did was to use absolute positioning, just like what you did. I think the reason why you're experiencing difficulties is because right now, you don't have a position: relative on the element that you want the quote icon positioned with. All you need to do is to add position: relative to your .art1 card, and you should see the icon sitting inside the card, then just change top: 15% to top: 0. Hope this helps, and good luck!

  Marked as helpful

  1
• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  Hey Nomatter, congratulations for your solution!

  Your solution is just great, the design is amazing and match the challenge goals, even the semantics you did good with articles and main.

  To improve even more your semantics, you can replace the paragraph with the quote content with <blockquote> that is a tag for this exact kind of content.

  Keep it up 👏

  Marked as helpful

  1
• 

  Joydeep Halder•110

  @halderjoydeepPosted about 2 years ago

  Hi, You've done great job!

  Regarding that quotation mark, You can simply use it as background-image and position that image accordingly. Also, it's good practice to keep the images in a single folder.

  background-image: url("images/bg-pattern-quotation.svg"); background-repeat: no-repeat; background-position: 90% 0;

  Marked as helpful

  1