Day-01-Social-Links-Profile

Hey everyone! 🎉

I'm excited to share that I've recently completed a front-end coding challenge from Frontend Mentor (:@frontendmentor
the Social Links Media Profile challenge. I'm thrilled with how it turned out and I'm eager to get your feedback.


This project is a social links media profile that showcases my front-end development skills. It's built with HTML and CSS, and I've used media queries to ensure it's responsive and adapts seamlessly to different screen sizes.

Technologies Used:

HTML: I used HTML to create the structure of the page, organizing the content into logical sections and elements.
CSS: I leveraged CSS to style the page, incorporating elements like fonts, colors, spacing, and layout.
Media Queries: To make the page responsive, I used media queries to modify the layout and styling based on the device's screen size, ensuring an optimal user experience on various devices.


Live Demo

Source Code


#DevCommunity
#WebDev
#SocialLinkProfile
#FrontendMentor

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

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

#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

▎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