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