Hi,
I have an idea for posting the list of parameters for elements so we can follow exactly from the list.
It can be way more easy to build the sections with a checklist and can take a lot of supporting problems from you.
For example here is a list of parameters that I have copied from the “Multilingual Destinations” element.
3 Images Grid - Heading - Paragraph - Link Button
Section - Spacing - Padding Up & Down - 100px
Inside - Container - Spacing - Padding Left & Right - 20px
Container - Size - Width 100%
Container - Size - Max Width 1280px
Inside - Div (Name: Grid) - Layout - Display - Grid - Columns 3 (1fr, 1fr, 1fr)
Div (Name: Grid) - Layout - Display - Grid - Rows 1 (1fr)
Div (Name: Grid) - Layout - Gaps - Col Gap: 30px, Row Gap 50px
Inside - Div (Name: Item) - Layout - Display - Flex
Div (Name: Item) - Layout - Display - Direction - Column
Div (Name: Item) - Layout - Display - Horizontal - Center
Div (Name: Item) - Layout - Display - Vertical - Center
Div (Name: Item) - LOOP 3
Inside - Div (name: Image Wrapper) - Size - Width - 100%
Div (name: Image Wrapper) - Size - Height - 300px
Div (name: Image Wrapper) - Position - Relative
Inside - Image - Size - Width - 100%, Height - 100%, Max Width - 100%
Image - Position - Absolute - Left Top Corner
Inside - Div (name: Item) - Div (name: Heading Wrapper) - Spacing - Margin Top Up - 40px
Inside - Div (name: Heading Wrapper) - Heading 4 - Align - Center
Inside - Div (name: Heading Wrapper) - Paragraph - Align - Center
Inside Container - Div (name: Link Wrapper) - Layout - Display - Flex
Div (name: Link Wrapper) - Layout - Display - Vertical - Center, Horizontal - Center
Div (name: Link Wrapper) - Spacing - Margin Top - 40px
Inside - Link - Layout - Display - Flex
Link - Layout - Display - Flex - Vertical - Center, Horizontal - Center
Link - Layout - Display - Col Gap - 5px
Link - Spacing - Padding Up&Down - 20px
Link - Spacing - Padding Left&Right - 40px
Link - Background - BG Color - #14B9D7
Link - Borders - Radius - 30px
- For responsiveness you need to change the grid columns from 3 to 1 on the mobile and Tablet view.
Tablet view - 991px:
Mobile View - 480px
Div (Name: Grid) - Layout - Display - Grid - Columns 1 (1fr)
Only because of this list, I could notice that I need to make different changes for mobile and tablet.
Best Regards
