Web Developer with 8 years of experience Website Mockup

Portrait scale, service rows, and the contact form deserve responsive review

The opening section places introductory text beside a large portrait, so image scale and the available width for the heading and Read More button are important review points. The Profile section introduces a circular portrait alongside biography content and personal details, while the About Me split section uses a larger lifestyle photograph and a red contact panel. On narrower screens, these relationships may need careful visual checking so images, text, and contact information retain a clear order rather than competing for limited space.

The six capability items create another responsive-sensitive area. Strategy, Branding, Design, Marketing, Development, and Consulting are arranged in two rows with icons and short descriptions. Their density should be reviewed at smaller widths, especially where labels and descriptions may move from a multi-column arrangement into a longer vertical sequence. The six-image My Works mosaic also deserves attention because image proportions, gaps, and the adjacent portfolio description can change the balance of the section when the available viewport narrows.

The final Contact Me block combines contact copy, a vertically arranged inquiry form, a Send button, and social-media icons. Its two-sided desktop relationship should be checked against the mobile presentation, as should the dark closing footer and the mobile-navigation component. The mockup is strongest when the personal introduction, service list, project imagery, and response area remain visually legible at each screen width.