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
Forwarded from Dev Nerd (Roobi)
Pray instead of Overthinking
Pray instead of worrying
Pray instead of Stressing
Pray instead of Panicking
Pray instead of Assuming
Pray instead of Wondering
Pray instead of Controlling
In every situation:Just PRAY eshi⚡️⚡️
Pray instead of worrying
Pray instead of Stressing
Pray instead of Panicking
Pray instead of Assuming
Pray instead of Wondering
Pray instead of Controlling
In every situation:Just PRAY eshi⚡️⚡️
🙏5