zioth / contactme Goto Github PK

Thank you for the reply on the fastwiki plugin page! I didn't think I'd ever get ahold of you and it only took about 20 minutes haha.

I've been trying to implement your 'Full width images' and 'Evenly spaced boxes' extensions for the WRAP plugin, but I think I'm doing something incorrectly. I've tried placing it in both my /lib/styles/screen.css and my /conf/userall.css

.plugin_wrap.wrap_full_width_img img {
    max-width: 100%;
}

&.wrap_even_widths {
  display: flex;
 
  .plugin_wrap {
    flex: 1;
 
    &:not(:last-child) {
      margin-right: 12px;
    }
  }
}

For reference here is the desired effect that I'm hoping to achieve. https://www.w3schools.com/howto/howto_css_equal_height.asp

I can tell something is working, but for some reason it still seems like the last child keeps the 12px margin, and the boxes don't extend the height of the container. Also full_width_image actually makes my images shrink haha. I'm probably using it incorrectly.

The code is about 77 lines so here is a link to a test page where you can see exactly what I've done.

https://definitiveversion.com/doku.php?id=code_testing

Also, if discord or some other form of communication is easier, please let me know.

I've attached my current userall.css as a .txt in case I've implemented the code incorrectly.

userall.txt

Thank you again for your response, and your time! Sorry if this is asking too much I'm extremely new to coding (1 week) and have had a little bit of a tough time getting help in the forums.