#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
Forwarded from Tech Nerd (Tech Nerd)
I'll start building a manhunt game using the @GebetaMaps API tomorrow. The first session will focus on designing the game's architecture, selecting the best-fit technologies and tools, and exploring the Gebeta Maps API to understand it better. If you're interested in joining, make sure to hop in! 😊
@selfmadecoder
@selfmadecoder
This is a project I'm currently working on .
@SelfTaughtDev1
@SelfTaughtDev1
🔥2
Day-07-Chat-Illustration-App
Finally, I finished the project. It took me almost an hour to complete, and it was good practice. I gained a good foundational knowledge from it.
Technologies Used:
HTML: Used to structure the content.
Div elements were used to create the mobile chat appearance.
CSS: Used for styling and responsiveness.
Live Demo
Source Code
@SelfTaughtDev1
#FrontendChallenge
#WebDev
#DevCommunity
#Day07
🔥2🥰1
Yo, Guys I got my first Github follower! It's an exciting thing I've encountered .By the way, Its also my closest friend (:-@DevNerdGuy)Thanks my man
🔥4👍1
I'll be taking a two day break from #100dayscodingchallenge because I have a final exam on Tuesday .Wish me luck!