Profile card component - css flexbox

@seniorteck that's what the design is made to - but it's just a guide to give you an idea of sizes and positioning of elements. Mobile devices come in a range of sizes as you're probably aware :D for me the larger ones are not a problem usually, but the ones smaller than 375px can be tricky. You can see what devices you can emulate and add or remove as needed

@AgataLiberska okay thanks a lot, I get your point now.. they are indeed very tricky, and that exactly what I have been confused about...you just made it very clear to me... am very grateful here is my email: [email protected], can I pls also have yours so I can send you a preview of it or how do I attached a preview here

@seniorteck best to join the Slack channel below, you'll be more likely to get feedback from people with a lot more experience, too

@AgataLiberska am a member already but will start using it now. thanks

@AgataLiberska Wow 🥰🥰thanks for your feedback will work on it.....for the media queries , I am having issue with this part, I do turn on google chrome developer mode and I move it to the side so this way I can resize my window to check the width of my design..pls 🙏 is the above way the way to check if not pls how can I check ..

@seniorteck in the top left corner of the developer tools thing, there are two icons - one is an arrow and that will allow you to select the element on the page and see the markup and styles for it, and the other one is like two rectangles, and that toggles the device toolbar. the toolbar displays on the top of the viewport and you can have it set to either responsive which allows you to resize the viewport as you want, or you can select a device you particularly want to see.

If you can't find it, just google chrome device toolbar :)

@AgataLiberska thanks a lot will check it out right away. solving another challenge of the testimonial-grid-section... pls how do you start your media queries for the device below 375px as stated you set the browser viewport to 375px and code for that above...

@seniorteck it's easiest to start working from the mobile design, make sure it works, and only then use media queries to figure out tablet and desktop.

@AgataLiberska okay, that means I have to guess the best width to give my code for 375px....I do appreciate and thank you for giving out the time to review my projects...

@seniorteck you don't need to set a width at all a lot of times, you could just set margin and let the content determine the width :)