Day-02(:-Result Summary Components
I've just completed the Day 02 front-end coding challenge from @frontendmentor, building the Result Summary Components. I aimed for full responsiveness across many devices. It was built with HTML and CSS.
Technology Used:
HTML: Used for the webpage structure.
CSS: Used for styling and responsiveness
Live Demo
Source code
#DevCommunity
#FullStackDev
#FrontEndDev
#FrontendMentor
@SelfTaughtDev1
🔥2👍1🥰1
Day-03-Order-Summary-Components
I've just completed a front-end coding challenge from @frontendmentor! 🎉 I built an order summary component using a flexible layout to center it and ensure responsiveness across most devices.
live demo
Source Code
#DevCommunity
#FrontendChallenge
#WebDev
#Day03OrderSummaryComponents
@SelfTaughtDev1
🔥2👍1
Today I coded💻👨💻 for almost 4 hours.I'm tired and I need a rest😔 .After I finish what I'm doing,I'll share it with u.
Have a good day☺️
Have a good day☺️
⚡2👍1
"The only way to do great work is to love what you do." - Steve Jobs🫡
👍1🔥1
Forwarded from Dev Nerd (Roobi)
YouTube
ሳይንቲስቶች ሚጠቀሙበትን AI እንዴት ሰራሁ? Gugut Podcast Ep#178
Meet Dagmawi Babi, a creative content creator, full-stack developer, and podcaster passionate about tech! Whether you're a freelancer, aspiring developer, or just love tech, Dagmawi shares insights, tips, and stories that inspire and inform. Tune in for all…
🔥2
#Day-04-Bento-Grid
Hey guys, I know I haven't been consistent for the past three days because I had some problems. Starting now, I'll try to be more consistent. I've just finished an exciting project called Bento Grid from @frontendmentor.
I'm trying to make it good as much as possible using CSS Grid.
Live Demo
Source Code
#FrontendChallenge
#WebDev
#Day04
#DevCommunity
🔥2
No matter how hard it is, Never give up.You should pursue ur dream
Have a good day ☺️
🔥3
▎Day-05-Blog-Review-Card
This project is a solution to the frontend mentor blog review card I built a responsive design using HTML, CSS, and Flexbox.
▎Features
• Clean and modern design: The design closely follows the provided Figma design file.
• Fully responsive: The layout adapts seamlessly to different screen sizes using Flexbox. It works well on desktops, tablets, and mobile devices.
• Semantic HTML: Meaningful HTML elements are used to structure the content.
▎Technologies Used
• HTML: For structuring the content.
• CSS: For styling and layout using Flexbox.
Live demo
Source Code
#FrontendChallenge
#WebDev
#Day05
This project is a solution to the frontend mentor blog review card I built a responsive design using HTML, CSS, and Flexbox.
▎Features
• Clean and modern design: The design closely follows the provided Figma design file.
• Fully responsive: The layout adapts seamlessly to different screen sizes using Flexbox. It works well on desktops, tablets, and mobile devices.
• Semantic HTML: Meaningful HTML elements are used to structure the content.
▎Technologies Used
• HTML: For structuring the content.
• CSS: For styling and layout using Flexbox.
Live demo
Source Code
#FrontendChallenge
#WebDev
#Day05
🔥1
▎Day-06-Stats-Preview-Card
This project is a solution to the Frontend mentor Stats preview Card. I built a responsive design using HTML, CSS, and Flexbox.
▎Features
• Clean and modern design: The design closely follows the provided Figma design file.
• Fully responsive: The layout adapts seamlessly to different screen sizes using Flexbox. It works well on desktops, tablets, and mobile devices.
• Semantic HTML: Meaningful HTML elements are used to structure the content.
▎Technologies Used
• HTML: For structuring the content.
• CSS: For styling and layout using Flexbox.
Live Demo
Source Code
@SelfTaughtDev1
#FrontendChallenge
#WebDev
#Day06
This project is a solution to the Frontend mentor Stats preview Card. I built a responsive design using HTML, CSS, and Flexbox.
▎Features
• Clean and modern design: The design closely follows the provided Figma design file.
• Fully responsive: The layout adapts seamlessly to different screen sizes using Flexbox. It works well on desktops, tablets, and mobile devices.
• Semantic HTML: Meaningful HTML elements are used to structure the content.
▎Technologies Used
• HTML: For structuring the content.
• CSS: For styling and layout using Flexbox.
Live Demo
Source Code
@SelfTaughtDev1
#FrontendChallenge
#WebDev
#Day06
👍1👏1