Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.
-
Updated
Jul 14, 2024 - CSS
Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.
This challenge is a simple yet stylish Social Link Sharing Profile, perfect for showcasing and sharing all your social media profiles. The design focuses on usability, ensuring a great user experience with interactive elements.
Create a T-shaped design using HTML and CSS, focusing on positioning and layout techniques. Perfect for practicing CSS box-model properties and positioning elements effectively.
This challenge involves creating a blue down arrow using only HTML and CSS, inspired by a target on CSS Battle.
Create a dynamic and engaging Pac-Man animation using HTML and CSS. This challenge focuses on replicating the classic Pac-Man character's movement and eating animation purely through CSS animations. The Pac-Man should appear to chomp as it moves across the screen, with dots moving towards it to simulate eating.
Welcome to the Interlocking Dashes challenge! In this challenge, you will create a visually appealing design featuring two overlapping elements with dashed borders. The design emphasizes the interplay between the borders of the elements to create an interlocking effect.
Create a vertically aligned, overlapping circle design within a container using HTML and CSS. Ensure circles extending beyond the container are clipped for a clean, polished look.
Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".
Create a responsive grid of images with engaging hover effects using HTML and CSS.
Why use JavaScript when you can use CSS? This challenge demonstrates how to create an interactive slider using only CSS selectors, showcasing the versatility and power of CSS.
Achieved a visually captivating elastic animation effect with simple CSS transformations and key-frames. The solution turned out to be easier than expected.
Explore CSS Shapes Animation challenge featuring dynamic animations for circles, squares, and triangles. Enhance your CSS skills with keyframes.
Yes, you can actually drag and drop a file in there. But don't worry, the upload process is faked.
In this Front-end Challenge, I have build a Blog Card Component. This challenge is perfect for you if you've been learning CSS and want to take your CSS skills to the next level by building something new and beginner-friendly.
🚀 A collection of unique and trendy animated CSS buttons to enhance user experience and add visual appeal to your web projects. Each button showcases a different animation effect.
At first glance impossible to implement with CSS, but filters make this possible too.
This challenge is a simple yet elegant fashion product card that showcases a dress with an auto-sliding image carousel, size selection options, and the ability to flip the card to reveal more details.
The CSS Flip Card challenge involves creating an interactive flip card using HTML and CSS. This project demonstrates proficiency in CSS styling to create an engaging user interface with a flip animation that reveals additional information on hover.
Loading: The best are always websites that do not need a loading status. If they do, here would be a calming one.
The Pyramide: Not as challenging as the real pyramids in Egypt, but the shadow path is not easy.
Add a description, image, and links to the frontend-challenge topic page so that developers can more easily learn about it.
To associate your repository with the frontend-challenge topic, visit your repo's landing page and select "manage topics."