Skip to content

Branding, UX, UI, frontend.

Just short notes.

Latest posts

  • How to create a gap between WooCommerce gallery thumbnails without using flex or pseudo elements
  • How to remove unnecessary top margin from the first element of the post content
  • How to create a responsive, vertically centered, two-line anchor-based button
  • How to cover edge cases for low amounts of content
  • Follow
    • Dribbble
    • Instagram
    • Behance
  • Contact

MonthJuly 2024

By : lkdsgnr 28/07/202431/07/2024

How to create a gap between WooCommerce gallery thumbnails without using flex or pseudo elements

Let’s say we have a product page in our store with a row of thumbnails below the main image.

Read More
By : lkdsgnr 27/07/202431/07/2024

How to remove unnecessary top margin from the first element of the post content

So we have a post content with headers, paragraphs, sorted lists and so on. A good habit is to leave more space above headings than below them (text scanning and readability).

Read More
By : lkdsgnr 26/07/202431/07/2024

How to create a responsive, vertically centered, two-line anchor-based button

Let’s say we need to use a anchor button (<a href=”” class=”button”>) for some reason. Legacy code in the current project, whatever. We want it tobe responsive and vertically centered (mobile view).

Read More
By : lkdsgnr 25/07/202431/07/2024

How to cover edge cases for low amounts of content

Let’s say you have a tag cloud and an author bio section at the bottom of your article. To make a distance from the post content, you set top margins.

Read More
  • All Stories4
  • Frontend4

Archives

  • July 2024

Categories

  • Frontend
Proudly powered by WordPress - Theme: Coup Lite by Themes Kingdom