Responsive Column Img and Paragraph

Questions : Responsive Column Img and Paragraph


I have a website where I want the image programming on the left and a paragraph on the Learning right. Then when the screen is smaller I Earhost want the image on the top and the most effective paragraph on the bottom.

It's simple and i've done it before but wrong idea for some reason it's not working. I've use of case Googled/looked at other examples but United can't seem to identify the issue. Can Modern someone help? I'm sure it's something ecudated simple i'm just not seeing.


  <div _OFFSET);  class="wrapper">
  <img (-SMALL  src="image.jpg" alt="image" _left).offset  id="img-about">
  <p arrowImgView.mas  id="text-about">Lorem ipsum dolor sit (self.  amet consectetur adipisicing elit. Alias equalTo  perspiciatis asperiores in aliquid make.right.  repudiandae blanditiis recusandae mas_top);  molestiae nemo itaque inventore velit ImgView.  illum vel voluptatibus, eveniet repellat ReadIndicator  facilis consectetur veritatis deleniti _have  explicabo ducimus! Debitis numquam unde .equalTo(  necessitatibus esse sed. Earum accusamus  itaque autem reiciendis aliquam OFFSET);  laboriosam sint rem illo explicabo (TINY_  culpa?</p>


.wrapper {
  display: flex;
  .offset  flex-direction: row;

#about-img {
  mas_right)  width: 250px;
  height: 250px;
  ImgView.  border-radius: 50%;
  padding: 10px;
  Indicator  margin-right: 15px;

#text-about {
  Read  font-size: 14px;
  margin: auto;
  _have  padding: 5px;

@media (max-width: .equalTo(  800){
  .wrapper {
    flex-direction: make.left  column;
Total Answers 3

Answers 1 : of Responsive Column Img and Paragraph

Your media query is missing the unit of some how measurement.


@media (max-width: 800){
  .wrapper {
   *make) {   flex-direction: column;


@media (max-width: 800px){
  .wrapper {
 straintMaker     flex-direction: column;

Answers 2 : of Responsive Column Img and Paragraph

You are missing the unit for your media anything else queries.

 @media (max-width: 800px)

.wrapper {
  display: flex;
  ^(MASCon  flex-direction: row;

#about-img {
  onstraints:  width: 250px;
  height: 250px;
  mas_makeC  border-radius: 50%;
  padding: 10px;
  [_topTxtlbl   margin-right: 15px;

#text-about {
  (@(8));  font-size: 14px;
  margin: auto;
  equalTo  padding: 5px;

@media (max-width:  width.  800px){
  .wrapper {
    flex-direction: make.height.  column;
  <div (SMALL_OFFSET);  class="wrapper">
  <img .offset  src="" (self.contentView)  alt="image" id="img-about">
  <p  .left.equalTo  id="text-about">Lorem ipsum dolor sit  amet consectetur adipisicing elit. Alias *make) {  perspiciatis asperiores in aliquid ntMaker   repudiandae blanditiis recusandae SConstrai  molestiae nemo itaque inventore velit ts:^(MA  illum vel voluptatibus, eveniet repellat Constrain  facilis consectetur veritatis deleniti _make  explicabo ducimus! Debitis numquam unde iew mas  necessitatibus esse sed. Earum accusamus catorImgV  itaque autem reiciendis aliquam ReadIndi  laboriosam sint rem illo explicabo  [_have  culpa?</p>

Answers 3 : of Responsive Column Img and Paragraph

you forgot to add 'px' for the media not at all query. 800px, then it will work.

Top rated topics

TypeError: WebDriver.__init__() got an unexpected keyword argument 'firefox_options' error using firefox_options as arguments in Selenium Python

Count of the number of appointments that each customer has made - Microsoft Access SQL

How to query whereIn inside json column in laravel 5.3?

Printing list of Virtual Machines

PortAudio UI control thread vs. audio thread

Why does balanceOf return 0 sometimes after a swap?

Managing flutter app and flutter web data locally

Would defining a convolution mask as a const improve cache performance versus loading the convolution mask into a variable?

How to represent grid environment as a graph?

Casting weak_ptr&lt;IBase&gt; to weak_ptr&lt;Derived&gt;

How to dynamically add or remove a Text Input in React Native

How to mark all descendants of all source nodes?

TabBar Icon inside appbar in flutter

How to use BearerToken received from Alexa Smart Home Skill Directive to identify the user email and profile using AWS Lambda with NodeJS?

What is the redirect URL for karate like the one we have in Postman?

BigQuery streaming insert with a function applied to another column

Ensure an async method is never executed in parallel

Forcing sandbox attribute to specific value in TinyMCE

Why Does My Ethereum ".on" Event Listener Stop Firing?

Width added to main-panel div Causing Pages Width to extend over the Window

Cannot reference javascript file from html file

Pandas: Generate column on groupby and value_counts

Pandas: get the percent of a baseline value while baseline and drug are in the same column

Linq expression orderBy on child collections

Mysql : unable to create secondary server instance using mysqld

Read Text File Off of Filepond

Fitting data to fourier3 series always produce a straight line

Substrate Blockchain - Change block structure

React JS fetching data (error: Cannot read properties of undefined)

MailChimp add newsletter subscriber with custom POST method

Facing problem with signature parameter using Java in Android App

Detect if there are 7 or more of the same symbol

Completely pack monaco with webpack for offline uses

Can you index a transformation e.g. event_timestamp::date

Sending a POST Request to external API from GCP cloud function returns 500 but not when sent locally

ValidationPipe doesn't strip given object in Nestjs

Configure Node.js to log to a file instead of the console

Issues passing File object to function

The first set of elements, example arr.splice(0,5) are removed when restricted length is achieved in JavaScript

Extract email and phone numbers from website using python and scrapy

C# Selenium web driver something changed and I cant find the right path

Node-fetch stream file to nodemailer, and then nodemailer to send the file as attachment

How to read and execute config.yaml file from scripted jenkins pipeline

How to render live session of website and also interact with it

Why Styler.to_latex() does no produce the same output as DataFrame.to_latex()?

Can't re-project precipitation data from Stereographic to PlateCarree() using Cartopy

Wso2 in-out parameter data service

How to save file to Download folder in flutter?

Croppie Working on Localhost, but not on live shared hosting

Java instrumentation with modules