Frontend Mentor - Social links profile using HTML and Tailwind CSS

A collection of my solutions to various Frontend Mentor challenges.

Recipe Page Solution is a front-end web project that displays a recipe with a clean, responsive layout. It includes preparation time, ingredients, instructions, and nutritional values, all structured to meet the Frontend Mentor challenge. The design ensures compatibility across devices, providing a visually appealing and accessible user experience.

The Product Preview Card Component is a front-end project designed to showcase a sleek, responsive product card. This component is part of a challenge from Frontend Mentor, aimed at enhancing web development skills by building realistic, interactive UI components.

Solution for the Social links profile challenge on Frontend Mentor.

Solution for the QR code component challenge on Frontend Mentor.

Practicing HTML/CSS skills with Frontend Mentor Challenges

Newbie Frontend Mentor Challenge

Solution for the Blog preview card challenge on Frontend Mentor.

The Huddle Landing Page is a responsive web application that fosters community engagement through alternating feature blocks. It offers an optimized experience for both mobile and desktop users, featuring interactive elements that enhance connectivity and user interaction.

Huddle Landing Page: A responsive landing page designed to showcase community-building features, optimized for various screen sizes with interactive elements and modern design aesthetics.

A responsive data storage component built using HTML, CSS, and Flexbox, featuring a dynamic progress bar and smooth animations. Developed as a solution to the Fylo data storage component challenge on Frontend Mentor.

The Social Proof Section project is a responsive layout showcasing user reviews and ratings. It focuses on creating a clean, mobile-friendly design using HTML and CSS, enhancing skills in flexbox and custom properties. The project highlights testimonials and ratings to improve UI and responsiveness practices.

The Order Summary Card is a responsive web component displaying subscription details with modern HTML and CSS. It features clean design, interactive elements, and mobile-first responsiveness for a smooth user experience on any device.

A responsive NFT Preview Card Component built with HTML, CSS, following best practices for clean, semantic code and accessibility. The project includes a detailed style guide for consistent design and contribution guidelines for easy collaboration.

This project is a solution to the Social Links Profile challenge by Frontend Mentor. It involves creating a responsive profile card with social links and user information. Key features include interactive hover and focus states, use of CSS custom properties for styling, and ensuring the design is responsive across different devices.

This project is a responsive QR Code Component built as part of a Frontend Mentor challenge. It displays a QR code that links to the Frontend Mentor website, offering a clean and simple UI to practice and improve front-end development skills.

Blog Preview Card is a responsive HTML and CSS component designed to showcase a blog post preview. It features a modern design with hover effects, suitable for displaying blog categories, publish dates, titles, descriptions, and author information. Ideal for integrating into various web projects.

Solution to "Article Preview Component" challenge from Frontend Mentor

Fem solution to Profile Card