Home

Extend

Pro
Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Design a Product Card -Challenge 4" | Hashnode

Discussion

Ayodele Samuel Adebayo

Software Engineer | Open-Source Contributor | Developer Educator

Jun 23, 2021

Design a Product Card -Challenge 4

Hi friends 👋, welcome to the 4th challenge of the unclebigbay and friends series, in this series we are going to design the product card from the image below. Colors 👇 color-1: #AEDAA7; color-2: #C1BDBA; color-3: #FFFFFF; Mode of submission:...

unclebigbay.hashnode.dev1 min read

#beginners #html5 #css #100daysofcode #beginners-learningtocode-100daysofcode

Responses9

Markdown supported · ⌘↵ to post

Anachebe Dreamchild Ikechukwu

#Backend

Product Card.png

Product card mobile.png

Nasifah Alalade

Desktop View

Challenge-4 (Desktop View).png

Mobile View

Challenge-4 (Mobile view).png

Ayodele Samuel Adebayo

Software Engineer | Open-Source Contributor | Developer Educator

mama dee mama Nasifah Alalade

Kudos!!!

Kirsten Nancy

Desktop version

Mobile version

Ayodele Samuel Adebayo

Software Engineer | Open-Source Contributor | Developer Educator

this is a nice solution Kirsten Nancy

well-one Nancy

I love your consistency

Melford B. Birakor

Frontend Developer

Desktop

Mobile

Adesola Modinat Adenike

Front-end developer

Mobile view

Screenshot (16).png Desktop view

Screenshot (17).png

Ayodele Samuel Adebayo

Software Engineer | Open-Source Contributor | Developer Educator

this really looks amazing Adesola Modinat Adenike

how the process of building this like?

Adesola Modinat Adenike

Front-end developer

Quite interesting, this challenge makes me work more on my layout and responsiveness Ayodele Samuel Adebayo

Egekenze Kelechi

PHP, HTML, CSS

Mobile View Screenshot (24).png

Tablet View Screenshot (25).png

Desktop View Screenshot (26).png

Abdulkareem

Front-End Developer

#Mobile view product Card mobile.png

#Desktop View product Card Desktop.png

GitHub page: github.com/seniorteck/ProductCard-Challenge- LivePage: seniorteck.github.io/ProductCard-Challenge-

James Hackett

Developer

This is so cool that there are such events, I hope designers will like it!

Ayodele Samuel Adebayo

Software Engineer | Open-Source Contributor | Developer Educator

thanks for the feedback James Hackett

I hope it helps too 🤗