Improve CSS for My Blog
282 words | 2 minutes

After reading konosuba light novel for almost 4 days, it time for me to modify my blog again not wrong on css part. Well I am just wondering around with bitcoincash too the price is suddenly high at that moment.

Modifying Page

Well the new knowledge that I gathered after receive the problem in my blog is pretty simple. The flexbox element have flex-grow and flex-shrink that make me wonder why my blog is fail to render very long fenced code. After setting width for my toc part and make flex-grow and flex-shrink to zero. It work like as expected. The post page also must be set for width and then set the flex-grow to 1 it works for my blog as expected. The final code look a like this :

.toc-part {
  width: 240px;
  flex-grow: 0;
  flex-shrink: 0;
}

.post-part {
  width: 240px;
  flex-grow: 1;
}

It work as expected toc part always have width 240px and post-part can be grow with width as minimum as possible.

Final touch for CSS

Well setting quote shortcode for my blog also took a time though. I am editing css like usual, reading from stackoverflow then it work. I also realize that setting image with max-width 100% make really good image rendering in markdown. I modify section part and tags for single part with table display. It make that part become more good hehe:). Then, I changed to be more liked flexbox rather than float as many times using this display in this project.

Well that is for today, I am also must make configuration for many snippet in neovim. So that’s all for now thanks.