Jump to content

Card alignment, one card misaligned

Recommended Posts

Posted

Hi everyone,

I've added a row of custom cards onto a client site that rotate in order to provide additional details on the what I've done is taken the custom css code and developed the functionality in VSCode. The functionality is working flawlessly on VS code when I preview (this include any other css that's already in the site to make sure there are no conflicts). When I add the html into a code block and the css as custom css everything works smoothly except two things.

1. My duotone fonts are misaligned. 

2. The first card seems to shift up. I checked dev tools and there is no extra padding being added. 

Here is the code:
https://codepen.io/Felix-Torres-the-encoder/pen/NPKWPoK

 

Attached is a screenshot of the issue on the site. 
 

AlignmentIssue.png

  • Replies 1
  • Views 76
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.