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