Twentieth video of the series website design & development: from #Figma to #WordPress.
In the first 15 minutes, I worked on adjusting the spacing of the "Products" section and learned how WordPress Dimensions handles fluid layouts. Fixed values like rem or px don’t follow the theme’s fluid system. To achieve fluidity (like 40px dynamically), custom code in the theme is required-WordPress Block Theme Development sessions are coming soon.
After that, I refined the spacing in the "Website" section and started reworking the "Let’s Work" synced pattern, renaming it to "Contact." I also worked on the "Consultation Call" synced pattern.
Later, I reviewed my ideas in Figma and updated my to-do list. After a break, I focused on the website's responsiveness, particularly the footer. The "Site Logo" block had spacing issues, so I grouped it for better control, as alignment settings disappeared in Row and Stack configurations. I also migrated CSS from other patterns to centralize footer-specific styles.